/* ============================================================
   MACRO MARKET — Design Tokens (v1)
   Fuel that earns the climb · Honduras
   Source of truth for colors, type, spacing, radii, shadows, motion.
   Paths adjusted for WP theme:
     fonts live at assets/macromarket/fonts/
   ============================================================ */

/* Local brand fonts — files expected in assets/macromarket/fonts/.
   Until the user ships them, these @font-face blocks are inert and the
   stack below falls through to Google Fonts (Anton / Michroma / etc). */

@font-face {
  font-family: 'Modern Age';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/Modern_Age.otf') format('opentype'),
       url('../fonts/Modern_Age.ttf') format('truetype');
}
@font-face {
  font-family: 'Modern Age';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/Modern_Age_Italic.otf') format('opentype'),
       url('../fonts/Modern_Age_Italic.ttf') format('truetype');
}
@font-face {
  font-family: 'Akira Expanded';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url('../fonts/Akira_Expanded.otf') format('opentype'),
       url('../fonts/Akira_Expanded.ttf') format('truetype');
}
@font-face {
  font-family: 'Brunson';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('../fonts/Brunson-Regular.otf') format('opentype'),
       url('../fonts/Brunson-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Brunson Rough';
  font-style: normal;
  font-weight: 700 900;
  font-display: swap;
  src: url('../fonts/Brunson-Rough.otf') format('opentype'),
       url('../fonts/Brunson-Rough.ttf') format('truetype');
}

:root {
  /* CORE BRAND PALETTE */
  --mm-deep-navy:       #1E2A3A;
  --mm-forest-green:    #1F3F36;
  --mm-midnight-blue:   #2F588C;
  --mm-muted-teal:      #2E7C89;
  --mm-warm-sand:       #E7D8C4;
  --mm-royal-purple:    #6F4BA8;
  --mm-charcoal:        #1C1C1C;
  --mm-concrete-gray:   #B8B1A8;

  /* EXTENDED NEUTRALS */
  --mm-off-white:       #F5EFE6;
  --mm-paper:           #FAF6EF;
  --mm-ink-900:         #0E1620;
  --mm-ink-700:         #2B3340;
  --mm-ink-500:         #5B6472;
  --mm-ink-300:         #9AA1AB;
  --mm-line:            rgba(30, 42, 58, 0.12);
  --mm-line-strong:     rgba(30, 42, 58, 0.28);
  --mm-line-on-dark:    rgba(231, 216, 196, 0.14);

  /* GOLD */
  --mm-gold:            #C9A24A;
  --mm-gold-bright:     #E4C172;

  /* SEMANTIC FG / BG */
  --fg1: var(--mm-deep-navy);
  --fg2: var(--mm-ink-700);
  --fg3: var(--mm-ink-500);
  --fg4: var(--mm-ink-300);
  --fg-on-dark-1: var(--mm-warm-sand);
  --fg-on-dark-2: rgba(231, 216, 196, 0.72);
  --fg-on-dark-3: rgba(231, 216, 196, 0.48);

  --bg1: #FFFFFF;
  --bg2: var(--mm-paper);
  --bg3: var(--mm-warm-sand);
  --bg-dark-1: var(--mm-deep-navy);
  --bg-dark-2: var(--mm-forest-green);
  --bg-dark-3: var(--mm-charcoal);

  /* ACCENTS */
  --accent-primary:   var(--mm-midnight-blue);
  --accent-secondary: var(--mm-muted-teal);
  --accent-tertiary:  var(--mm-royal-purple);
  --accent-premium:   var(--mm-gold);

  /* STATE */
  --state-success:    #3B7A4F;
  --state-warning:    #C99241;
  --state-danger:     #B8452E;
  --state-info:       var(--mm-midnight-blue);

  /* TYPE FAMILIES */
  --font-display:       'Brunson', 'Anton', 'Oswald', 'Modern Age', 'Arial Narrow', system-ui, sans-serif;
  --font-display-rough: 'Brunson Rough', 'Brunson', 'Anton', 'Oswald', sans-serif;
  --font-wordmark:      'Modern Age', 'Michroma', 'Orbitron', sans-serif;
  --font-body:          'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:          'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-button:        'Akira Expanded', 'JetBrains Mono', 'Inter', system-ui, sans-serif;

  /* TYPE SCALE */
  --t-hero:    clamp(56px, 9vw, 128px);
  --t-d1:      clamp(44px, 6vw, 80px);
  --t-d2:      clamp(34px, 4.5vw, 56px);
  --t-h1:      clamp(28px, 3vw, 40px);
  --t-h2:      22px;
  --t-h3:      18px;
  --t-body:    16px;
  --t-small:   14px;
  --t-caption: 12px;
  --t-micro:   11px;

  /* TRACKING */
  --track-hero:    -0.02em;
  --track-display: -0.01em;
  --track-body:     0em;
  --track-eyebrow:  0.28em;
  --track-caps:     0.14em;

  /* WEIGHTS */
  --w-body: 400;
  --w-med:  500;
  --w-semi: 600;
  --w-bold: 700;
  --w-black: 800;

  /* LINE HEIGHTS */
  --lh-tight:   1.04;
  --lh-heading: 1.12;
  --lh-body:    1.55;
  --lh-loose:   1.75;

  /* SPACING */
  --sp-0:  0;
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;
  --sp-10: 128px;

  /* RADII — sharp-first */
  --r-0: 0px;
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 8px;
  --r-4: 12px;
  --r-pill: 999px;

  /* SHADOWS — layered, navy-tinted */
  --shadow-1: 0 1px 0 rgba(30,42,58,0.04), 0 1px 2px rgba(30,42,58,0.06);
  --shadow-2: 0 2px 1px rgba(30,42,58,0.04), 0 6px 16px -4px rgba(30,42,58,0.10);
  --shadow-3: 0 1px 0 rgba(30,42,58,0.04), 0 12px 32px -8px rgba(30,42,58,0.14), 0 24px 64px -16px rgba(47,88,140,0.12);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(30,42,58,0.06);
  --shadow-on-dark: 0 1px 0 rgba(0,0,0,0.4), 0 18px 48px -12px rgba(0,0,0,0.55);

  /* BORDER WEIGHTS */
  --bw-thin:   1px;
  --bw-med:    1.5px;
  --bw-thick:  2px;

  /* MOTION */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:       cubic-bezier(0.7, 0, 0.84, 0);
  --dur-fast:   120ms;
  --dur-med:    220ms;
  --dur-slow:   420ms;
  --dur-xslow:  800ms;
}