/* ============================================================
   Ascend Intelligence — Colour tokens
   Deep navy surfaces · electric cyan accent · cool slate neutrals
   ============================================================ */

:root {
  /* ---- Brand palette (the five from the style guide) ---- */
  --ai-navy:        #0F172A; /* primary dark surface  */
  --ai-slate:       #334155; /* secondary slate       */
  --ai-cyan:        #06B6D4; /* electric cyan accent   */
  --ai-paper:       #F8FAFC; /* near-white light surface */
  --ai-graphite:    #1F2937; /* charcoal / elevated dark */

  /* ---- Extended navy ramp (derived, for depth) ---- */
  --navy-950:       #0A0F1E; /* deepest — section wells, footers */
  --navy-900:       #0F172A; /* = --ai-navy, body surface */
  --navy-850:       #14203A;
  --navy-800:       #1F2937; /* = --ai-graphite, cards on dark */
  --navy-700:       #28354B;
  --slate-600:      #334155; /* = --ai-slate */
  --slate-500:      #475569;
  --slate-400:      #64748B; /* muted text on light */
  --slate-300:      #94A3B8; /* muted text on dark  */
  --slate-200:      #CBD5E1;
  --slate-100:      #E2E8F0;
  --slate-050:      #F1F5F9;
  --paper:          #F8FAFC; /* = --ai-paper */
  --white:          #FFFFFF;

  /* ---- Cyan ramp ---- */
  --cyan-600:       #0891B2; /* hover / pressed on cyan */
  --cyan-500:       #06B6D4; /* = --ai-cyan, primary accent */
  --cyan-400:       #22D3EE; /* highlight / glow */
  --cyan-300:       #67E8F9; /* light accent, on dark */
  --cyan-ink:       #0E7490; /* cyan text on LIGHT surfaces (AA) */
  --cyan-soft:      rgba(6, 182, 212, 0.12);  /* tint fills */
  --cyan-line:      rgba(6, 182, 212, 0.35);  /* hairline accents */

  /* ---- Article identity accents --------------------------------
     SCOPED: these are only for generated article surfaces where readers need
     a subtle visual distinction between recurring agent outputs. They do not
     replace the main cyan accent for navigation, CTAs, charts, or decoration. */
  --article-daily-accent:       var(--ai-cyan);
  --article-daily-accent-text:  var(--cyan-300);
  --article-daily-accent-soft:  var(--cyan-soft);
  --article-daily-accent-line:  var(--cyan-line);
  --article-daily-glow:         rgba(6, 182, 212, 0.12);

  --article-radar-accent:       #A78BFA;
  --article-radar-accent-text:  #C4B5FD;
  --article-radar-accent-soft:  rgba(167, 139, 250, 0.12);
  --article-radar-accent-line:  rgba(167, 139, 250, 0.32);
  --article-radar-glow:         rgba(167, 139, 250, 0.12);

  --article-risk-accent:        #FBBF24;
  --article-risk-accent-text:   #FCD34D;
  --article-risk-accent-soft:   rgba(251, 191, 36, 0.11);
  --article-risk-accent-line:   rgba(251, 191, 36, 0.30);
  --article-risk-glow:          rgba(251, 191, 36, 0.10);

  --article-opportunity-accent:       #34D399;
  --article-opportunity-accent-text:  #6EE7B7;
  --article-opportunity-accent-soft:  rgba(52, 211, 153, 0.11);
  --article-opportunity-accent-line:  rgba(52, 211, 153, 0.30);
  --article-opportunity-glow:         rgba(52, 211, 153, 0.10);

  --article-workflow-accent:       #FB7185;
  --article-workflow-accent-text:  #FDA4AF;
  --article-workflow-accent-soft:  rgba(251, 113, 133, 0.11);
  --article-workflow-accent-line:  rgba(251, 113, 133, 0.30);
  --article-workflow-glow:         rgba(251, 113, 133, 0.10);

  --article-procurement-accent:       #38BDF8;
  --article-procurement-accent-text:  #7DD3FC;
  --article-procurement-accent-soft:  rgba(56, 189, 248, 0.10);
  --article-procurement-accent-line:  rgba(56, 189, 248, 0.28);
  --article-procurement-glow:         rgba(56, 189, 248, 0.09);

  --article-market-accent:       #F97316;
  --article-market-accent-text:  #FDBA74;
  --article-market-accent-soft:  rgba(249, 115, 22, 0.11);
  --article-market-accent-line:  rgba(249, 115, 22, 0.30);
  --article-market-glow:         rgba(249, 115, 22, 0.10);

  --article-polymarket-accent:       #2DD4BF;
  --article-polymarket-accent-text:  #5EEAD4;
  --article-polymarket-accent-soft:  rgba(45, 212, 191, 0.11);
  --article-polymarket-accent-line:  rgba(45, 212, 191, 0.30);
  --article-polymarket-glow:         rgba(45, 212, 191, 0.10);

  /* ---- Semantic surfaces ---- */
  --surface-body:     var(--navy-900); /* default page background */
  --surface-deep:     var(--navy-950); /* footer / well */
  --surface-elevated: var(--navy-800); /* cards on dark */
  --surface-slate:    var(--slate-600);/* split panels */
  --surface-light:    var(--paper);    /* light sections */
  --surface-card:     var(--white);    /* cards on light */

  /* ---- Semantic ink (text) ---- */
  --ink-on-dark:    #F8FAFC;                  /* headings on dark */
  --ink-body-dark:  rgba(226, 232, 240, 0.80);/* body on dark */
  --ink-muted-dark: #94A3B8;                  /* captions on dark */
  --ink-strong:     #0F172A;                  /* headings on light */
  --ink-body:       #334155;                  /* body on light */
  --ink-muted:      #64748B;                  /* captions on light */
  --ink-accent:     var(--ai-cyan);           /* eyebrows, links on dark */
  --ink-accent-ink: var(--cyan-ink);          /* links on light */

  /* ---- Borders / hairlines ---- */
  --border-on-dark:   rgba(148, 163, 184, 0.18);
  --border-on-dark-2: rgba(148, 163, 184, 0.30);
  --border-on-light:  #E2E8F0;
  --border-accent:    var(--cyan-line);

  /* ---- Status (kept minimal, brand-tuned) ----
     SCOPED: status colours appear ONLY in status UI — badges, capacity/health
     pills, validation states. NEVER as decorative or chart colours.
     · Charts use only --chart-1…5.
     · Decorative accents use only cyan (--ai-cyan).
     Using --ok / --warn / --danger as a general accent breaks the one-cyan rule. */
  --ok:      #10B981;
  --warn:    #F59E0B;
  --danger:  #EF4444;
  --info:    var(--ai-cyan);
}