/* Promza / Field Notes. Single source of truth for UI and game illustration colors. */
:root {
  --paint-paper: #f5f3ed;
  --paint-surface: #fffefa;
  --paint-wash: #ebece4;
  --paint-line: #d5dbd2;
  --paint-ink: #243d3a;
  --paint-muted: #62736b;
  --paint-subtle: #8e9f93;
  --paint-teal: #23776b;
  --paint-teal-dark: #185b53;
  --paint-teal-soft: #dfede5;
  --paint-sage: #adc4ad;
  --paint-moss: #708f75;
  --paint-forest: #426a57;
  --paint-water: #80b6b0;
  --paint-night: #193633;
  --paint-night-deep: #112724;
  --paint-coral: #c95144;
  --paint-coral-soft: #f4dacf;
  --paint-amber: #c28b3c;
  --paint-sand: #e5cea0;
  --paint-violet: #81758f;
  --paint-white: #ffffff;
  --paint-black: #202826;
  --page: var(--paint-paper);
  --surface: var(--paint-surface);
  --surface-soft: var(--paint-wash);
  --text: var(--paint-ink);
  --muted: var(--paint-muted);
  --border: var(--paint-line);
  --accent: var(--paint-teal);
  --accent-hover: var(--paint-teal-dark);
  --accent-soft: var(--paint-teal-soft);
  --green: var(--paint-teal);
  --coral: var(--paint-coral);
  --radius: 18px;
  --radius-small: 10px;
  --shadow: 0 8px 28px color-mix(in srgb, var(--text) 5%, transparent);
}

/* Robot Blue: opt-in standalone game theme. These semantic roles are also the
   source for generated Unity colors (experiments/unity-runner-web/theme-sync.mjs).
   Keep mascot accents saturated; scenery uses lighter, quieter blue values. */
:root[data-theme='robot-blue'] {
  --robot-page: #eaf2fa;
  --robot-surface: #f8fbff;
  --robot-surface-soft: #e0eaf5;
  --robot-ink: #18314f;
  --robot-muted: #526780;
  --robot-subtle: #7a8fa8;
  --robot-primary: #126ebc;
  --robot-primary-hover: #0c5596;
  --robot-primary-soft: #dcebfa;
  --robot-border: #bacde1;
  --robot-focus: #126ebc;
  --robot-canopy-deep: #365578;
  --robot-canopy: #9cbadb;
  --robot-canopy-light: #c6dcf1;
  --robot-grass: #a4bcd5;
  --robot-sky: #d5e8f9;
  --robot-haze: #eaf3fc;
  --robot-ground: #b8cbdc;
  --robot-track: #d8e4ee;
  --robot-track-edge: #577da4;
  --robot-track-side: #819ab5;
  --robot-wet: #72b4db;
  --robot-white: #ffffff;
  --robot-black: #16283d;
  --robot-coral: #b73f52;
  --robot-coral-soft: #f7dfe5;
  --robot-amber: #9a650d;
  --robot-sand: #f3dead;
  --robot-violet: #8b89ba;
  --robot-ambient-sky: #daebfb;
  --robot-ambient-equator: #a8bed6;
  --robot-ambient-ground: #657f9c;
  --robot-key-light: #f4f8ff;
  --robot-fade: #edf5fc;
  --robot-blue: #1683a8;
  --robot-glow: #53deee;
  --robot-shell: #f4ead1;
  --robot-dark: #20364d;
  --robot-joint: #718aa3;

  /* Compatibility aliases let existing shared CSS, canvas and browser/native
     bridge consumers adopt the theme without creating another palette. */
  --paint-paper: var(--robot-page);
  --paint-surface: var(--robot-surface);
  --paint-wash: var(--robot-surface-soft);
  --paint-line: var(--robot-border);
  --paint-ink: var(--robot-ink);
  --paint-muted: var(--robot-muted);
  --paint-subtle: var(--robot-subtle);
  --paint-teal: var(--robot-primary);
  --paint-teal-dark: var(--robot-primary-hover);
  --paint-teal-soft: var(--robot-primary-soft);
  --paint-sage: var(--robot-canopy-light);
  --paint-moss: var(--robot-canopy);
  --paint-forest: var(--robot-canopy-deep);
  --paint-water: var(--robot-wet);
  --paint-night: var(--robot-ink);
  --paint-night-deep: var(--robot-black);
  --paint-coral: var(--robot-coral);
  --paint-coral-soft: var(--robot-coral-soft);
  --paint-amber: var(--robot-amber);
  --paint-sand: var(--robot-sand);
  --paint-violet: var(--robot-violet);
  --paint-white: var(--robot-white);
  --paint-black: var(--robot-black);
  --focus: var(--robot-focus);
}