/* =========================================================
   Design Tokens — Riz株式会社 リニューアル
   Generated with ui-ux-pro-max skill
   Style : Trust & Authority (medical / healthcare B2B)
   Color : Calm cyan + health green
   Type  : Figtree (headings) / Noto Sans JP (body)
   ========================================================= */

:root {
  /* --- Brand color --- */
  --color-primary:      #0891B2;   /* calm cyan */
  --color-primary-dark: #0E7490;
  --color-on-primary:   #FFFFFF;
  --color-secondary:    #22D3EE;
  --color-accent:       #059669;   /* health green (CTA) */
  --color-accent-dark:  #047857;

  /* --- Surface --- */
  --color-background:   #FFFFFF;
  --color-surface:      #F6FBFC;   /* very light cyan tint */
  --color-foreground:   #16303A;
  --color-muted:        #EAF3F6;
  --color-muted-fg:     #5B7682;
  --color-border:       #DCEAEF;

  --color-destructive:  #DC2626;
  --color-warning:      #B45309;
  --color-ring:         #0891B2;

  /* --- Typography --- */
  --font-heading: "Figtree", "Noto Sans JP", system-ui, sans-serif;
  --font-body:    "Noto Sans JP", "Figtree", system-ui, sans-serif;

  /* --- Radius --- */
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.5rem;

  /* --- Motion --- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  220ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}
