/* ============================================================================
   Colossus Academy — design tokens
   Palette and type pulled directly from colossusfirm.com (styles.css) so the
   Academy reads as one brand. Do not introduce colors outside this file.
   ========================================================================== */

:root {
  /* --- Surfaces (deep slate navy base) --- */
  --navy:        #1E2E42;   /* base background */
  --navy-deep:   #182634;   /* recessed sections */
  --navy-deeper: #111A24;   /* footer / deepest wells */
  --ink:         #0D141C;   /* near-black detail */
  --panel:       #243A52;   /* cards, panels, raised surfaces */

  /* --- Accent (used sparingly, as on the main site) --- */
  --steel:       #8AAAD6;   /* highlights, active cells, hairline glints */
  --steel-soft:  rgba(138, 170, 214, 0.14);  /* active-cell wash */
  --steel-line:  rgba(138, 170, 214, 0.40);  /* active-cell border */

  /* --- Text (soft off-white, never pure white) --- */
  --text:   #F2F5F9;
  --text-2: rgba(242, 245, 249, 0.64);
  --text-3: rgba(242, 245, 249, 0.40);

  /* --- Hairlines --- */
  --line:   rgba(255, 255, 255, 0.10);
  --line-2: rgba(255, 255, 255, 0.16);

  /* --- Functional tones (kept within the brand, low-saturation) --- */
  --good:   #7FB08A;   /* correct / healthy, muted sage */
  --warn:   #C9A063;   /* caution, muted brass */
  --bad:    #C77E7E;   /* red flag, muted clay */
  --good-soft: rgba(127, 176, 138, 0.14);
  --warn-soft: rgba(201, 160, 99, 0.14);
  --bad-soft:  rgba(199, 126, 126, 0.14);

  /* --- Spreadsheet surfaces (light, mimics Excel) --- */
  --cell-bg:        #FFFFFF;
  --cell-bg-alt:    #F4F6F8;   /* subtle alternating row shade */
  --cell-grid:      #D4D7DC;   /* gridlines */
  --cell-head-bg:   #1E2E42;   /* A/B/C + row-number headers, Colossus navy */
  --cell-head-text: #EDEFF3;
  --cell-active:    #FFF9E6;   /* highlighted active cell fill (teach view) */
  --cell-active-border: #8AAAD6;
  --cell-input:     #0000FF;   /* analyst convention: blue = input / changeable */
  --cell-formula:   #1A1A1A;   /* analyst convention: black = formula */
  --cell-link:      #1F7A4D;   /* green = link to another sheet */

  /* --- Type --- */
  --sans:  "Avenir Next", "Avenir", "Futura", "Century Gothic",
           "Helvetica Neue", "Jost", system-ui, -apple-system,
           "Segoe UI", Arial, sans-serif;
  --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --mono:  "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* --- Type scale (modular, restrained) --- */
  --fs-eyebrow: 0.72rem;
  --fs-small:   0.82rem;
  --fs-body:    1.0rem;
  --fs-lead:    1.12rem;
  --fs-h4:      1.16rem;
  --fs-h3:      1.5rem;
  --fs-h2:      2.0rem;
  --fs-h1:      clamp(2.2rem, 5vw, 3.4rem);
  --fs-display: clamp(2.8rem, 7vw, 5rem);

  --lh-tight: 1.16;
  --lh-snug:  1.35;
  --lh-body:  1.62;

  /* --- Layout --- */
  --wrap:    1180px;          /* max content width, matches main site */
  --wrap-rd: 760px;           /* reading measure for prose */
  --gut:     clamp(22px, 5vw, 56px);
  --side:    280px;           /* desktop sidebar nav width */

  /* --- Spacing rhythm --- */
  --s1: 6px;  --s2: 10px; --s3: 16px; --s4: 24px;
  --s5: 36px; --s6: 56px;  --s7: 84px; --s8: 120px;

  /* --- Detail --- */
  --radius:    4px;          /* restrained, near-square corners */
  --radius-lg: 8px;
  --shadow:    0 1px 0 rgba(255,255,255,0.04) inset,
               0 18px 40px -28px rgba(0,0,0,0.65);
  --ease:      cubic-bezier(0.4, 0.0, 0.2, 1);
}