/* ==========================================================================
   Motion Subaru — Design Tokens
   Colors extracted by sampling the actual logo (public/img/motion_subaru_logo.png):
     navy  #003C8F  (wordmark / chevron)
     gold  #D8A800  (Subaru star cluster)
   ========================================================================== */

:root {
  /* Brand */
  --ms-primary: #003c8f;
  --ms-primary-dark: #00265c;
  --ms-primary-darker: #001835;
  --ms-primary-light: #e9f0fb;
  --ms-secondary: #0a2647;
  --ms-accent: #d8a800;
  --ms-accent-dark: #a98300;
  --ms-accent-light: #fbf1d6;

  /* Neutrals */
  --ms-dark: #12151c;
  --ms-light: #f7f8fa;
  --ms-white: #ffffff;
  --ms-text: #1b1f27;
  --ms-muted: #667085;
  --ms-border: #e3e6eb;
  --ms-border-strong: #cbd2dc;

  /* Feedback */
  --ms-success: #1e7e34;
  --ms-success-bg: #e9f7ee;
  --ms-warning: #b06d00;
  --ms-warning-bg: #fdf2e0;
  --ms-danger: #c0392b;
  --ms-danger-bg: #fbeae8;

  /* Typography
     Sora carries headings and display numerals — a geometric, slightly
     technical face that reads as "engineered" and gives the brand a
     distinct silhouette at a glance. Inter stays on body copy and UI
     (forms, buttons, nav) where its neutrality and hinting keep long
     text and small labels comfortable to read. */
  --ms-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ms-font-display: "Sora", var(--ms-font-sans);

  /* Elevation */
  --ms-shadow-sm: 0 1px 2px rgba(18, 21, 28, 0.06);
  --ms-shadow-md: 0 4px 16px rgba(18, 21, 28, 0.08);
  --ms-shadow-lg: 0 12px 32px rgba(18, 21, 28, 0.12);
  --ms-shadow-xl: 0 24px 60px rgba(10, 38, 71, 0.18);
  --ms-shadow-brand: 0 10px 24px rgba(0, 60, 143, 0.25);
  --ms-shadow-accent: 0 10px 24px rgba(216, 168, 0, 0.28);

  /* Radius */
  --ms-radius-sm: 8px;
  --ms-radius-md: 12px;
  --ms-radius-lg: 20px;
  --ms-radius-xl: 28px;

  /* Motion */
  --ms-transition: 180ms ease;

  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ms-transition: 0ms;
  }
}