:root {
  /* ---- Base palette (drawn from the ECOSAIL/EmberSat book imagery) ---- */
  /* Ink & space — deep night skies behind the constellation */
  --ink-950: #070B14;
  --ink-900: #0B1220;
  --ink-800: #121C30;
  --ink-700: #1C2A44;

  /* Ember — ignition, fire horizon, alerts */
  --ember-300: #FFB877;
  --ember-400: #FF8C42;
  --ember-500: #FF6B2C;
  --ember-600: #E8551A;
  --ember-700: #C2410F;

  /* Signal amber — glow of the fire line */
  --amber-400: #FFC24B;
  --amber-500: #F5A623;

  /* Orbit blue — EcoSail heritage, space, data overlays */
  --blue-300: #7FB8E8;
  --blue-400: #3E8DDD;
  --blue-500: #1F6FCB;
  --blue-700: #123E7A;

  /* Canopy — forests under watch */
  --green-300: #A7C77E;
  --green-500: #5C7F4A;
  --green-700: #33472B;

  /* Smoke neutrals */
  --smoke-0: #FFFFFF;
  --smoke-100: #F2F4F7;
  --smoke-200: #E2E6EC;
  --smoke-300: #C4CBD6;
  --smoke-400: #9AA4B2;
  --smoke-500: #6C7684;
  --smoke-600: #4A5361;

  /* ---- Semantic aliases ---- */
  --surface-page: var(--ink-900);
  --surface-raised: var(--ink-800);
  --surface-card: var(--ink-800);
  --surface-light: var(--smoke-100);
  --border-subtle: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.22);

  --text-primary: var(--smoke-0);
  --text-body: var(--smoke-300);
  --text-muted: var(--smoke-400);
  --text-on-light: var(--ink-900);
  --text-body-on-light: #3A4350;

  --accent: var(--ember-500);
  --accent-hover: var(--ember-400);
  --accent-press: var(--ember-600);
  --info: var(--blue-400);
  --success: var(--green-300);
  --warning: var(--amber-500);
  --danger: var(--ember-600);

  /* Wordmark dual-tone (dark surfaces) */
  --wordmark-lead: var(--smoke-0);
  --wordmark-tail: var(--smoke-400);
  --wordmark-lead-ember: var(--ember-500);

  --link: var(--blue-300);
  --link-hover: var(--ember-400);
}