/* ============================================================
   DESIGN TOKENS — Miles design system
   Change a value here and it updates everywhere on the site.
   To launch a new branch (Miles Consulting, Miles Coaches):
   copy this file, change --accent + --accent-deep, keep the rest.
   ============================================================ */

@font-face {
  font-family: 'NationalPark';
  src: url('/assets/fonts/NationalPark-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'NationalPark';
  src: url('/assets/fonts/NationalPark-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'GeistMono';
  src: url('/assets/fonts/GeistMono-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'GeistMono';
  src: url('/assets/fonts/GeistMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'WorkSans';
  src: url('/assets/fonts/WorkSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'WorkSans';
  src: url('/assets/fonts/WorkSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

:root {
  /* --- COLOR: change accent per branch --- */
  --accent:        #0E6E6B;   /* Tutors = teal. Consulting/Coaches get their own. */
  --accent-deep:   #0A4F4D;
  --cream:         #F6EFDE;   /* page background */
  --card:          #FCF9F0;   /* raised surfaces */
  --ink:           #16241F;   /* primary text */
  --ink-soft:      #3B4642;   /* body text */
  --muted:         #7A7263;   /* captions, labels */
  --sand:          #D8CBAA;   /* placeholder / photo frames */
  --sand-line:     #C7B98F;   /* borders, dividers */
  --panel:         #16241F;   /* dark contact panel */
  --panel-field:   #20332D;
  --panel-border:  #38504A;
  --panel-text:    #C9D6D2;
  --panel-label:   #9FB6B1;

  /* --- TYPE --- */
  --font-display: 'NationalPark', system-ui, sans-serif;   /* headlines */
  --font-mono:    'GeistMono', ui-monospace, monospace;    /* labels, tags */
  --font-body:    'WorkSans', system-ui, sans-serif;       /* paragraphs */

  /* Fluid type scale — resizes smoothly, no breakpoints needed */
  --fs-hero:    clamp(40px, 6.4vw, 76px);
  --fs-h2:      clamp(28px, 3.6vw, 44px);
  --fs-lede:    clamp(16px, 1.8vw, 19px);
  --fs-body:    15.5px;
  --fs-small:   13.5px;
  --fs-label:   clamp(11px, 1.4vw, 13px);

  /* --- LAYOUT --- */
  --wrap:       min(1120px, 92vw);
  --section-y:  clamp(56px, 8vw, 100px);
  --hero-y:     clamp(48px, 9vw, 110px);
  --gap:        clamp(18px, 2.5vw, 28px);

  /* --- SHAPE --- */
  --radius-sm:  8px;
  --radius:     14px;
  --radius-lg:  24px;
}