/* TEGIA · Color tokens
   Source of truth: the logomark (petrol #0E2A28 + antique gold #C9A227 + paper).
   Institutional underwriting-house palette. No decorative gradients. */

:root {
  /* ---- Primary / petrol greens ---- */
  --color-primary: #0E2A28;        /* deep petrol — primary brand surface, dark sections, headlines on light */
  --color-primary-light: #1C3F3C;  /* lighter petrol — hover on dark, secondary dark surface, borders on dark */
  --color-primary-shadow: #081A18; /* deep shadow petrol — deepest backgrounds, pressed states */

  /* ---- Accent / antique gold ---- */
  --color-accent: #C9A227;         /* antique gold — primary accent on DARK only (fails AA as text on paper) */
  --color-accent-bright: #E3C25A;  /* brighter gold highlight — small accents, focus rings, chart highlight */
  --color-accent-ink: #8A6D17;     /* dark gold — use when gold must read as TEXT on light/paper (AA) */

  /* ---- Neutrals ---- */
  --color-paper: #F7F5EF;          /* near-white warm paper — default light background */
  --color-paper-2: #EDE7D7;        /* warmer paper — cards on petrol, logo on dark */
  --color-grey-warm: #D8D5CC;      /* warm grey — hairlines, dividers, disabled fills on light */
  --color-grey-mid: #8A897F;       /* mid grey — captions, secondary text on light, axis labels */
  --color-ink: #1A1A17;            /* ink — body text on paper */

  /* ---- Semantic (muted, institutional — never candy) ---- */
  --color-success: #3E7C5A;        /* positive delta, confirmed */
  --color-caution: #B8862B;        /* warning, pending */
  --color-error:   #9C3B2E;        /* negative delta, error */

  /* ---- Data-viz sequence: gold → petrol-greens (5 steps) + 2 greys ---- */
  --viz-1: #C9A227;  /* gold */
  --viz-2: #8C8A4A;  /* olive bridge */
  --viz-3: #4E7A5E;  /* sea green */
  --viz-4: #1C3F3C;  /* petrol light */
  --viz-5: #0E2A28;  /* petrol deep */
  --viz-grey-1: #B6B3A8; /* secondary series */
  --viz-grey-2: #8A897F;

  /* ---- Semantic aliases (consume these in UI) ---- */
  --bg-base: var(--color-paper);
  --bg-raised: #FFFFFF;
  --bg-inverse: var(--color-primary);
  --bg-inverse-deep: var(--color-primary-shadow);

  --text-strong: var(--color-primary);     /* headlines on light */
  --text-body: var(--color-ink);           /* body on light */
  --text-muted: var(--color-grey-mid);     /* captions / secondary */
  --text-on-dark: var(--color-paper-2);    /* body on petrol */
  --text-on-dark-muted: #9DB0AD;           /* secondary on petrol */

  --border-hairline: var(--color-grey-warm);
  --border-strong: var(--color-primary);
  --border-on-dark: #2C4F4B;

  --accent: var(--color-accent);
  --accent-text-on-light: var(--color-accent-ink);
  --focus-ring: var(--color-accent-bright);
}