/* Mabuhay Consul — design tokens.
   Mirrors mabuhay_consul_client/lib/theme.dart + design-system/MASTER.md.
   One accent, spent deliberately: gold marks premium/celebratory — never body text. */

@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/Fraunces.woff2') format('woff2');
  font-weight: 600 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../assets/fonts/Fraunces-italic.woff2') format('woff2');
  font-weight: 600 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/Inter.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../assets/fonts/IBMPlexMono-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../assets/fonts/IBMPlexMono-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('../assets/fonts/IBMPlexMono-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand — light */
  --navy: #0a1d37;
  --navy-soft: #14335a;
  --navy-deep: #06121f;
  --gold: #d4af37;
  --gold-deep: #a16207;
  --paper: #f7f5f1;
  --card: #ffffff;
  --ink: #14181f;
  --muted: #5b6472;
  --border: #e6e3dd;
  --crimson: #b91c1c;
  --success: #15803d;

  /* Dark-ground companions (hero/footer live on navy) */
  --gold-bright: #e5c158;
  --text-on-navy: #e6eaf0;
  --muted-on-navy: #9aa6b8;
  --border-on-navy: #26303f;

  /* Type */
  --font-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Inter', -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', Menlo, monospace;

  --text-hero: clamp(2.6rem, 1.2rem + 5.2vw, 5.6rem);
  --text-h2: clamp(2rem, 1.1rem + 3vw, 3.6rem);
  --text-h3: clamp(1.25rem, 1.05rem + 0.8vw, 1.6rem);
  --text-lead: clamp(1.06rem, 1rem + 0.35vw, 1.3rem);
  --text-base: 1rem;
  --text-small: 0.875rem;
  --text-mono: clamp(0.72rem, 0.62rem + 0.5vw, 0.95rem);

  /* Space (8pt rhythm) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
  --sp-6: 24px; --sp-8: 32px; --sp-12: 48px; --sp-16: 64px;
  --space-section: clamp(5rem, 3rem + 8vw, 11rem);
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --measure: 62ch;

  /* Radius */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 24px; --r-pill: 999px;

  /* Elevation — navy-tinted */
  --e1: 0 1px 3px rgba(10, 29, 55, 0.06);
  --e2: 0 4px 12px rgba(10, 29, 55, 0.08);
  --e3: 0 12px 32px rgba(10, 29, 55, 0.16);

  /* Motion */
  --dur-fast: 150ms;
  --dur-med: 300ms;
  --dur-slow: 600ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}