/* Theme "Sunlight": readable outdoors in strong sun. Warm white background, opaque white surfaces with clear dark
   borders, nearly black text, dark strong accents (deep blue, green, red). All text reaches at least 7:1 on the page and
   on surfaces, faint text at least 6.8:1 even on hover; no pastel text, no blur and no glow. */
:root {
  color-scheme: light;

  --background: #fbf9f4;
  --text: #14110d;
  --text-soft: #3a342b;
  --text-faint: #4f483d;

  --surface: #ffffff;
  --surface-solid: #ffffff;
  --surface-text: #14110d;
  --surface-soft: #3a342b;
  --surface-faint: #4f483d;
  --surface-deep: #f2eee6;
  --surface-border: 1px solid #6f675a;
  --radius: 12px;

  --button: #ffffff;
  --button-text: #14110d;
  --button-border: 2px solid #3a342b;
  --button-hover: #e6e0d4;
  --button-hover-border: #074a6e;
  --button-active: #dde7ee;
  --button-active-text: #074a6e;
  --float-nav: #ffffff;
  --float-nav-hover: #e6e0d4;
  --radius-button: 8px;
  --action: #074a6e;
  --action-text: #ffffff;
  --action-border: #04324b;

  --accent: #074a6e;
  --divider: rgb(20 17 13 / 0.45);
  --divider-soft: rgb(20 17 13 / 0.2);
  --orbit: rgb(20 17 13 / 0.35);
  --orbit-active: #074a6e;

  --habitable-zone: rgb(11 90 38 / 0.12);
  --colony: #0b5a26;
  --marker: #074a6e;

  --diagram-axis: #4f483d;
  --vector: #074a6e;
  --vector-light: rgb(7 74 110 / 0.35);
  --direction-arrow: #a14a00;

  --grid: rgb(20 17 13 / 0.14);
  --grid-axis: rgb(20 17 13 / 0.55);
  --grid-label: #4f483d;

  --planet-fill: #2f6aa3;
  --planet-stroke: #14304d;
  --giant-fill: #9a6b3f;
  --star-fill: #ffc93d;
  --star-stroke: #a36a00;

  /* Backdrop of the player portraits: a deep blue that frames the light faces on the white page */
  --portrait-background: #23506f;
  --portrait-halo: #5f93a8;

  --font: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, monospace;
  --title-case: uppercase;
  --title-spacing: 0.12em;

  --plus: #0b5a26;
  --minus: #9a1219;
  --caution: #7a4500;
  --idle: #4f483d;

  --series-ore: #b33a0a;
  --series-water: #0b5fb0;
  --series-platinum: #8a5a00;
  --series-rareEarths: #08745a;
  --series-elementX: #5a3fc0;
  --series-food: #1d7a2e;
  --series-wood: #a3195b;
  --series-biodiversity: #074a6e;
  --series-residents: #5a3fc0;
  --series-births: #08745a;
  --series-deaths: #b33a0a;

  /* Decoration: none that blurs or glows, only a light shadow */
  --blur: none;
  --shadow: 0 4px 14px rgb(20 17 13 / 0.16);
  --glow: none;
  --star-glow: none;
  --planet-glow: none;
  --header-background: #ffffff;
  --dialog-backdrop: rgb(20 17 13 / 0.45);

  /* Sky behind every view: plain warm white */
  --sky: #fbf9f4;
}