/* Circle — color tokens. Warm paper neutrals + deep evergreen accent + lime highlight. */
:root {
  /* Neutrals (warm) */
  --paper-0: #FCFBF8;
  --paper-1: #F6F4EE;
  --paper-2: #EEEBE2;
  --ink-900: #10201A;
  --ink-700: #33423B;
  --ink-500: #5C6B63;
  --ink-300: #9AA79F;
  --line-1: #E5E2D9;
  --line-2: #D5D1C5;
  --white: #FFFFFF;

  /* Evergreen (primary) */
  --green-900: #0C2B1F;
  --green-700: #14523B;
  --green-600: #196449;
  --green-500: #1F7A58;
  --green-100: #DDEDE3;
  --green-050: #EDF5EF;

  /* Blue (data accent — charts & info only, never UI accent) */
  --blue-900: #0E2238;
  --blue-700: #1B4670;
  --blue-600: #225689;
  --blue-500: #2E6DA8;
  --blue-100: #DCE8F3;
  --blue-050: #ECF3F9;

  /* Lime (highlight) */
  --lime-400: #C6E86B;
  --lime-200: #E5F4B9;

  /* Semantic */
  --success: #1F7A58;
  --warning: #B9791C;
  --danger: #B3402F;
  --info: #2F6DB0;
  --success-soft: #E4F1E9;
  --warning-soft: #F7ECD9;
  --danger-soft: #F6E3DF;
  --info-soft: #E3ECF6;

  /* Semantic aliases */
  --surface-page: var(--paper-0);
  --surface-card: var(--white);
  --surface-sunken: var(--paper-1);
  --surface-inverse: var(--green-900);
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-500);
  --text-tertiary: var(--ink-300);
  --text-inverse: #F3F7F1;
  --text-on-accent: #F3F7F1;
  --accent: var(--green-600);
  --accent-hover: var(--green-700);
  --accent-active: var(--green-900);
  --accent-soft: var(--green-050);
  --highlight: var(--lime-400);
  --accent-2: var(--blue-600);
  --accent-2-hover: var(--blue-700);
  --accent-2-soft: var(--blue-050);
  --border-default: var(--line-1);
  --border-strong: var(--line-2);
  --focus-ring: rgba(25, 100, 73, 0.35);
}