/* ============================================================
   Heg.ai — Color tokens
   Warm, human, technical. Ivory base · Ink & Green anchors ·
   Ember spark · Blue AI layer.
   ============================================================ */
:root {
  /* ---- Brand core (raw) ---- */
  --ivory: #FCFAF1;          /* base background — 70% of surfaces (whiter ivory) */
  --ink: #101F18;            /* deep near-black green-black */
  --green: #06463D;          /* deep brand green — primary CTA */
  --ember: #FF6A3D;          /* orange spark — accents, deadlines, the dot */
  --blue: #B7D4E4;           /* soft sky — AI / data / infrastructure */

  /* ---- Tints & steps (derived, opaque) ---- */
  --ivory-100: #FEFDF8;      /* lifted ivory — raised card on ivory */
  --ivory-300: #F1ECD8;      /* sunken ivory — wells, dividers fill */
  --ink-700: #1B2E25;        /* ink, one step up — dark cards */
  --green-600: #0A5A4E;      /* green hover (lighter) */
  --green-800: #053A32;      /* green press (darker) */
  --ember-600: #F2552A;      /* ember hover (darker) */
  --ember-100: #FFE4DA;      /* ember wash — soft ember surface */
  --blue-100: #DCEAF1;       /* blue wash — soft blue surface */

  /* ---- Hairlines & dividers ---- */
  --line-ink: rgba(16, 31, 24, 0.12);   /* divider on ivory */
  --line-ink-strong: rgba(16, 31, 24, 0.20);
  --line-ivory: rgba(250, 247, 234, 0.16); /* divider on ink/green */

  /* ---- Semantic: text ---- */
  --text-primary: var(--ink);              /* headings, body on ivory */
  --text-secondary: rgba(16, 31, 24, 0.62);/* captions, meta on ivory */
  --text-muted: rgba(16, 31, 24, 0.42);    /* placeholders, disabled */
  --text-inverse: var(--ivory);            /* text on ink / green */
  --text-inverse-secondary: rgba(250, 247, 234, 0.66);
  --text-accent: var(--ember);             /* spark links, hot meta */
  --text-brand: var(--green);              /* brand-toned text on ivory */

  /* ---- Semantic: surfaces (opaque) ---- */
  --surface-page: var(--ivory);
  --surface-card: var(--ivory-100);
  --surface-well: var(--ivory-300);
  --surface-inverse: var(--ink);           /* footer / inversion blocks */
  --surface-brand: var(--green);           /* manifest / premium */

  /* ---- Semantic: interactive ---- */
  --cta-bg: var(--green);
  --cta-bg-hover: var(--green-600);
  --cta-bg-press: var(--green-800);
  --cta-fg: var(--ivory);

  --accent: var(--ember);
  --accent-hover: var(--ember-600);

  --focus-ring: rgba(255, 106, 61, 0.55);  /* ember focus halo */

  /* ---- Semantic: status (kept on-brand) ---- */
  --status-positive: var(--green);
  --status-attention: var(--ember);
  --status-info: #5C8AA6;                  /* deepened blue for text use */
}