/* TAURA M.82 — Design Tokens
   Source of truth: Design System - TAURA M82.md
   Values are EXACT — never approximate, substitute or reinterpret. */

/* ─── Self-hosted fonts (GDPR: no third-party requests to Google Fonts) ─── */
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/src/fonts/chakra-petch-300.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/src/fonts/chakra-petch-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/src/fonts/chakra-petch-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/src/fonts/chakra-petch-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Chakra Petch';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/src/fonts/chakra-petch-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Share Tech Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/src/fonts/share-tech-mono-400.woff2') format('woff2');
}

:root {
  /* ─── Surfaces ─── */
  --c-canvas:     #070809;
  --c-card-dark:  #0C0D0F;
  --c-mid-dark:   #131417;
  --c-band-edge:  #0E0F12;
  --c-void-black: #1A1A1C;
  --c-pure-black: #000000;

  /* ─── Text ─── */
  --c-ghost:        #D8D8D3;  /* primary text */
  --c-ghost-grey:   #B5B5B0;  /* muted text   */
  --c-atlantic-sky: #7B8E96;  /* dim / secondary */
  --c-shadow-grey:  #4A4A48;  /* disabled fills, deep dim */
  --c-deep-dim:     #5A5E62;

  /* ─── Accent ─── */
  --c-celeste:       #74ACDF;
  --c-celeste-ring:  rgba(116,172,223,0.16);
  --c-celeste-hover: rgba(116,172,223,0.06);

  /* ─── Brand special ─── */
  --c-gold:     #F6B40E;  /* Sol de Mayo — terminal periods + scarce CTA */
  --c-moorland: #2E3A2F;  /* secondary button fill */
  --c-white:    #FFFFFF;  /* disabled text / max contrast only */

  /* ─── Edges ─── */
  --c-hairline: rgba(216,216,211,0.08);

  /* ─── Typography ─── */
  --font-primary: 'Chakra Petch', sans-serif;
  --font-mono:    'Share Tech Mono', monospace;

  /* ─── Radius ─── */
  --r-container: 2px;
  --r-button:    4px;
  --r-pill:      6px;

  /* ─── Layout ─── */
  --content-max:     1280px;
  --content-faq-max:  880px;
  --pad-x:       40px;
  --pad-x-mobile: 22px;

  /* ─── Shadows ─── */
  --shadow-bar:     0 18px 40px rgba(0,0,0,0.5);
  --shadow-hotspot: 0 0 0 6px rgba(116,172,223,0.18);
}