/* AS Blackstone — master design tokens (owner file).
 * Edit tokens here only, then run: node tools/sync-tokens.mjs
 * Breakpoints (media queries cannot read custom properties; write these literals, max-width, as the prototype does):
 *   bp.compact  760px   phone layout, bottom bar, no top bar
 *   bp.expanded 1024px  drawer navigation
 *   bp.wide     1180px  tighter nav padding
 *   bp.xwide    1380px  header phone hidden   (added at kit, DECISIONS D8)
 */
:root {
  /* color */
  --color-primary: #0F1E3A;
  --color-primary-hover: #1C2E54;
  --color-primary-strong: #0B1630;
  --color-primary-deep: #08112A;
  --color-primary-muted: #4A5878;
  --color-on-primary: #FFFFFF;
  --color-on-primary-variant: #B9C2D3;
  --color-accent: #C2A26A;
  --color-accent-hover: #D1B37E;
  --color-on-accent: #0F1E3A;
  --color-accent-text: #8A6A36;
  --color-accent-container: #FBF7EF;
  --color-surface: #FFFFFF;
  --color-surface-container-low: #FBFAF7;
  --color-surface-container: #F4F2EC;
  --color-on-surface: #111318;
  --color-on-surface-body: #3A3F4B;
  --color-on-surface-variant: #5B6170;
  --color-outline: #868C98;
  --color-outline-variant: #E6E3DA;
  --color-outline-decorative: #C9CCD3;
  --color-error: #B3261E;
  --color-error-container: #FCF1F0;
  --color-success: #1E6B45;
  --color-whatsapp: #25D366;
  --color-whatsapp-text: #0E7A3E;

  /* font */
  --font-family-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-family-body: 'Lexend Deca', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* type */
  --type-label-sm-size: 0.8125rem;
  --type-label-sm-line-height: 1.4;
  --type-label-sm-weight: 500;
  --type-body-sm-size: 0.875rem;
  --type-body-sm-line-height: 1.6;
  --type-body-sm-weight: 400;
  --type-body-md-size: 1rem;
  --type-body-md-line-height: 1.75;
  --type-body-md-weight: 400;
  --type-body-lg-size: 1.125rem;
  --type-body-lg-line-height: 1.75;
  --type-body-lg-weight: 400;
  --type-title-md-size: 1.375rem;
  --type-title-md-line-height: 1.2;
  --type-title-md-weight: 600;
  --type-headline-sm-size: clamp(1.375rem, 1.228rem + 0.652vw, 1.75rem);
  --type-headline-sm-line-height: 1.15;
  --type-headline-sm-weight: 600;
  --type-headline-md-size: clamp(1.75rem, 1.310rem + 1.957vw, 2.875rem);
  --type-headline-md-line-height: 1.12;
  --type-headline-md-weight: 600;
  --type-display-lg-size: clamp(2.125rem, 1.293rem + 3.696vw, 4.25rem);
  --type-display-lg-line-height: 1.12;
  --type-display-lg-weight: 600;
  --type-eyebrow-size: 0.8125rem;
  --type-eyebrow-letter-spacing: 0.18em;

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --space-gutter: clamp(1.25rem, 0.957rem + 1.304vw, 2rem);
  --space-section: clamp(3rem, 1.435rem + 6.957vw, 7rem);

  /* layout */
  --layout-container: 77.5rem;
  --layout-measure: 45rem;
  --layout-aside: 23.75rem;
  --layout-header-h: 5.25rem;
  --layout-touch-min: 2.75rem;
  --layout-button-h: 3.25rem;
  --layout-input-h: 3.25rem;

  /* shape, elevation, motion, layers */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-full: 9999px;
  --elevation-1: 0 1px 2px rgb(11 22 48 / 0.06);
  --elevation-2: 0 10px 30px -12px rgb(11 22 48 / 0.22);
  --elevation-3: 0 24px 60px -20px rgb(11 22 48 / 0.35);
  --motion-duration-base: 250ms;
  --motion-duration-reveal: 700ms;
  --motion-duration-drawer: 350ms;
  --motion-ease-standard: cubic-bezier(0.2, 0.7, 0.2, 1);
  --z-drawer: 99;
  --z-header: 100;
  --z-mobile-bar: 95;
  --z-whatsapp: 90;
  --z-modal: 1000;
  --z-skip-link: 2000;

  /* kit additions — DECISIONS D8. Text on navy surfaces, values from the prototype CSS; contrast on primary / primary-deep */
  --color-on-dark-strong: #E4E7ED;   /* 13.38 / 15.08 */
  --color-on-dark-list: #D5DAE5;     /* 11.83 / 13.34 */
  --color-on-dark-body: #C9D0DE;     /* 10.70 / 12.07 */
  --color-on-dark-muted: #AEB7C9;    /*  8.22 /  9.27 */
  --color-on-dark-subtle: #9AA5BC;   /*  6.69 /  7.55 */
  --color-on-dark-faint: #94A0B8;    /*  6.30 /  7.10 */
  --layout-header-h-scrolled: 4.375rem;
}

@media (max-width: 1024px) { /* bp.expanded */
  :root { --layout-header-h: 4.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-duration-base: 0ms; --motion-duration-reveal: 0ms; --motion-duration-drawer: 0ms; }
}