/* Base palette — warm paper, graphite ink, one amber accent, three axis colors. */
:root{
  /* Paper (warm neutral lights) */
  --paper-50:#FBFAF7;
  --paper-100:#F4F2EC;
  --paper-200:#EAE7DF;
  --paper-300:#DCD8CE;

  /* Stone (mid neutrals) */
  --stone-400:#B5AFA3;
  --stone-500:#8A8579;
  --stone-600:#625E55;

  /* Graphite (darks) */
  --graphite-700:#403D37;
  --graphite-800:#2A2825;
  --graphite-900:#1A1917;
  --graphite-950:#0F0E0D;

  /* Amber — the single brand accent */
  --amber-100:#F6E7C8;
  --amber-300:#E3B45F;
  --amber-500:#C4881B;
  --amber-700:#8E5D0C;

  /* Axis colors — the three ways Carry creates impact. Never decorative. */
  --teal-100:#DCE8E5;   /* cost saving */
  --teal-600:#17564F;
  --clay-100:#F1DED8;   /* risk reduction */
  --clay-600:#8A3A2E;
  /* revenue increase uses --amber-500 / --amber-100 */

  /* ---- Semantic aliases ---- */
  --surface-page:var(--paper-50);
  --surface-card:#FFFFFF;
  --surface-sunken:var(--paper-100);
  --surface-raised:#FFFFFF;
  --surface-inverse:var(--graphite-950);
  --surface-inverse-soft:var(--graphite-800);
  --surface-accent-soft:var(--amber-100);

  --text-primary:var(--graphite-900);
  --text-secondary:var(--graphite-700);
  --text-muted:var(--stone-500);
  --text-inverse:var(--paper-50);
  --text-inverse-muted:var(--stone-400);
  --text-accent:var(--amber-700);
  --text-link:var(--graphite-900);
  --text-link-hover:var(--amber-700);

  --border-subtle:#E4E0D7;
  --border-default:#D5D0C4;
  --border-strong:var(--graphite-900);
  --border-inverse:#34312C;
  --rule:1px solid var(--border-subtle);

  --action-primary-bg:var(--graphite-900);
  --action-primary-fg:var(--paper-50);
  --action-primary-bg-hover:var(--graphite-950);
  --action-secondary-bg:transparent;
  --action-secondary-fg:var(--graphite-900);
  --action-secondary-border:var(--border-default);
  --action-secondary-bg-hover:var(--paper-100);
  --action-accent-bg:var(--amber-500);
  --action-accent-fg:var(--graphite-950);
  --action-accent-bg-hover:var(--amber-700);
  --action-disabled-fg:var(--stone-400);

  --focus-ring:var(--amber-500);

  --axis-cost-fg:var(--teal-600);
  --axis-cost-bg:var(--teal-100);
  --axis-revenue-fg:var(--amber-700);
  --axis-revenue-bg:var(--amber-100);
  --axis-risk-fg:var(--clay-600);
  --axis-risk-bg:var(--clay-100);

  --status-success-fg:var(--teal-600);
  --status-warning-fg:var(--amber-700);
  --status-danger-fg:var(--clay-600);
  --status-neutral-fg:var(--stone-500);
}