/*
 * Design tokens for the wtc theme (WTC Accelerator, wtcaccelerator.com).
 *
 * Source of truth: the WTC Querétaro design system. This file keeps the SAME
 * custom-property names as palantir-light (--ink, --line, --dash-*, --green,
 * --font-serif, ...) so every stylesheet and template keeps working, and adds
 * the brand-named tokens (--wtc-*) next to them.
 *
 * Fonts are self-hosted under fonts/ and served at /assets/fonts/<file>.
 * The brand has no serif: the serif slot maps to News Gothic Std on purpose.
 */

/* ── News Gothic Std (display + UI) ─────────────────────────────────── */
@font-face {
  font-family: 'News Gothic Std';
  src: url('/assets/fonts/NewsGothicStd.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'News Gothic Std';
  src: url('/assets/fonts/NewsGothicStd-Oblique.otf') format('opentype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'News Gothic Std';
  src: url('/assets/fonts/NewsGothicStd-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'News Gothic Std';
  src: url('/assets/fonts/NewsGothicStd-BoldOblique.otf') format('opentype');
  font-weight: 700; font-style: italic; font-display: swap;
}
/* ── News Gothic Cond (condensed, for tight headlines / figures) ─────── */
@font-face {
  font-family: 'News Gothic Cond';
  src: url('/assets/fonts/News_Gothic_MT_Std_Condensed.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'News Gothic Cond';
  src: url('/assets/fonts/News_Gothic_Condensed_Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}
/* ── Open Sans (body, variable 300-800) ─────────────────────────────── */
@font-face {
  font-family: 'Open Sans';
  src: url('/assets/fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype-variations'),
       url('/assets/fonts/OpenSans-VariableFont_wdth_wght.ttf') format('truetype');
  font-weight: 300 800; font-stretch: 75% 100%; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/assets/fonts/OpenSans-Italic-VariableFont_wdth_wght.ttf') format('truetype-variations'),
       url('/assets/fonts/OpenSans-Italic-VariableFont_wdth_wght.ttf') format('truetype');
  font-weight: 300 800; font-stretch: 75% 100%; font-style: italic; font-display: swap;
}

:root {
  /* ── WTC palette (brand names) ──────────────────────────────────────── */
  --wtc-orange: #EE9B5E;        /* accent, CTAs, stat figures; never body text on white */
  --wtc-orange-deep: #D9803D;
  --wtc-blue: #5D89B4;
  --wtc-blue-mist: #E8EFF6;
  --wtc-navy: #1B4F78;          /* headlines, dark grounds, links */
  --wtc-navy-deep: #123A5A;
  --wtc-footer: #12232F;
  --wtc-gray-1: #7D858C;
  --wtc-gray-2: #6C6D70;
  --wtc-gray-3: #424242;
  --wtc-ink: #262829;
  --wtc-gold: #D28E2B;          /* Accelerator sub-brand accent */
  --wtc-gold-deep: #B87A21;
  --wtc-gold-soft: #FBF1E0;
  --wtc-teal: #37A9C5;
  --wtc-mint: #A1CAC3;
  --wtc-slate-50: #F6F7F8;
  --wtc-slate-100: #E9ECEF;
  --wtc-slate-200: #DEE1E4;
  --wtc-slate-300: #C5CACF;
  --wtc-slate-500: #7D858C;
  --wtc-slate-700: #6C6D70;
  --wtc-slate-800: #424242;
  --wtc-success: #2E8B57;
  --wtc-warning: #D28E2B;
  --wtc-danger: #B23A2E;
  --wtc-info: #37A9C5;

  --wtc-shadow-1: 0 1px 2px rgba(18, 58, 90, 0.06);
  --wtc-shadow-2: 0 2px 8px rgba(18, 58, 90, 0.08);
  --wtc-shadow-3: 0 8px 24px rgba(18, 58, 90, 0.12);
  --wtc-shadow-4: 0 20px 48px rgba(18, 58, 90, 0.18);
  --wtc-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --wtc-dur-fast: 140ms;
  --wtc-dur-base: 220ms;
  --wtc-dur-slow: 420ms;

  --wtc-font-display: 'News Gothic Std', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --wtc-font-cond: 'News Gothic Cond', 'News Gothic Std', 'Arial Narrow', sans-serif;
  --wtc-font-body: 'Open Sans', 'News Gothic Std', 'Helvetica Neue', Arial, sans-serif;

  --wtc-motif-divider: url('/assets/graphics/motifs/divider-dots.svg');
  --wtc-motif-divider-light: url('/assets/graphics/motifs/divider-dots-light.svg');
  --wtc-motif-arcs: url('/assets/graphics/motifs/arc-rings-navy.svg');
  --wtc-motif-arcs-light: url('/assets/graphics/motifs/arc-rings-light.svg');
  --wtc-motif-dots: url('/assets/graphics/wtc-dot-matrix.svg');
  --wtc-logo-mark: url('/assets/logos/wtc-globes-mark.png');
  --wtc-logo-mark-white: url('/assets/logos/wtc-globes-mark-white.png');

  /* ── palantir-light token names, mapped to WTC values ───────────────── */
  --ink: #262829;
  --ink-soft: #424242;
  --muted: #6C6D70;
  --line: #DEE1E4;
  --bg: #F6F7F8;
  --surface: #ffffff;
  --dash-bg: #123A5A;
  --dash-surface: #1B4F78;
  --dash-border: #2F6690;
  --dash-text: #F6F7F8;
  --dash-muted: #A9C0D4;
  --green: #2E8B57;
  --amber: #D28E2B;
  --amber-soft: #FBF1E0;
  --red: #B23A2E;
  --cyan: #5D89B4;
  --cyan-soft: #E8EFF6;
  --magenta: #1B4F78;

  --font-serif: 'News Gothic Std', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-sans: 'News Gothic Std', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'News Gothic Std', 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 16px;
  --radius-2xl: 22px;

  --gutter: 1.5rem;
  --max-content-width: 720px;

  /* 8-pt spacing scale */
  --space-xs: 0.5rem;   /* 8px  */
  --space-sm: 1rem;     /* 16px */
  --space-md: 1.5rem;   /* 24px */
  --space-lg: 2.5rem;   /* 40px */
  --space-xl: 3.5rem;   /* 56px */
  --space-2xl: 5.5rem;  /* 88px */
  --space-3xl: 8rem;    /* 128px */

  /* Motion (names kept for the existing stylesheets) */
  --ease-apple: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Touch targets */
  --touch-min: 48px;
  --field-min-h: 56px;
}