/* ============================================================
   8WTC — Brand tokens
   Extracted from the live Webflow stylesheet. The live site's primary
   scheme is:  --color-scheme-1--background: white
               --color-scheme-1--text:       black
               --color-scheme-1--accent:     blue
   The page is LIGHT and airy. Dark navy is used only for the header
   strip and footer, as on the live site.
   ============================================================ */

:root {
  /* --- Primitives (verbatim from --_primitives---colors--*) --- */
  --c-white:            #ffffff;
  --c-blue:             #3070ff;
  --c-green:            #00e07a;
  --c-dark-bg:          #050d1d;
  --c-black:            #000000;
  --c-neutral-darker:   #222222;
  --c-neutral-dark:     #444444;
  --c-neutral:          #666666;
  --c-neutral-light:    #aaaaaa;
  --c-neutral-lighter:  #cccccc;
  --c-neutral-lightest: #eeeeee;

  /* Accents from the live page markup */
  --c-gold:             #4A77FF;
  --c-yellow:           #4A77FF;
  --c-ink:              #1f2025;   /* Bevel ink */

  /* --- Semantic roles: LIGHT page --- */
  --bg:            var(--c-white);
  --bg-tint:       #f6f6f7;     /* live site's soft section wash */
  --bg-dark:       var(--c-dark-bg);
  --fg:            #1f2025;   /* near-black, not pure — Bevel */
  --fg-body:       #4b4d55;
  --fg-muted:      #6d6f77;
  --fg-subtle:     #8b8c8f;   /* Bevel */
  --fg-on-dark:    var(--c-white);
  --fg-on-dark-mut:rgba(255,255,255,.66);

  --accent:        var(--c-blue);
  --accent-hover:  #1f5cf0;
  --accent-tint:   #edf2ff;     /* from live stylesheet */
  --accent-success:var(--c-green);
  --accent-prize:  var(--c-gold);

  --border:        #e7e7ea;
  --border-strong: #c2c6ce;   /* Bevel */

  --shadow-sm: 0 1px 2px rgba(10,20,40,.06);
  --shadow-md: 0 4px 16px rgba(10,20,40,.08);
  --shadow-lg: 0 12px 40px rgba(10,20,40,.10);
  --shadow-cta: 0 8px 24px rgba(48,112,255,.28);

  /* --- Typography --- */
  --font-heading: Archivo, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body:    Manrope, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fw-regular: 400; --fw-medium: 500; --fw-semi: 600; --fw-bold: 700; --fw-black: 800;

  /* --- Radii (from --_ui-styles---radius--*) --- */
  --r-tiny: 4px; --r-extra-small: 6px; --r-small: 8px; --r-medium: 12px;
  --r-large: 16px; --r-extra-large: 20px; --r-huge: 24px;
  --r-extra-huge: 28px; --r-massive: 32px; --r-full: 100px;

  --stroke-border: 1px; --stroke-divider: 1px;

  /* --- Spacing --- */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem; --s-10:8rem;

  --maxw: 1180px;
  --maxw-prose: 62ch;
  --header-h: 4.75rem;
}