/* griotAI premium IT palette — canonical tokens shared by every public locale. */
:root {
  color-scheme: dark;
  --g-ink: #071A26;
  --g-ink-raised: #0B2230;
  --g-ink-soft: #1F3A46;
  --g-slate: #284A58;
  --g-steel: #8FA3AD;
  --g-steel-light: #b7c7ce;
  --g-ivory: #F4F1E8;
  --g-ivory-muted: #c6d1d4;
  --g-copper: #D9C99B;
  --g-copper-hover: #E3D6AE;
  --g-copper-dark: #0B5D6B;
  --g-brass: #D9C99B;
  --g-sage: #5FA88E;
  --g-border: rgba(244, 239, 229, 0.11);
  --g-border-strong: rgba(244, 239, 229, 0.18);
  --g-copper-tint: rgba(11,93,107, 0.12);
  --g-copper-line: rgba(11,93,107, 0.3);
  --g-steel-tint: rgba(69, 101, 121, 0.18);
  --g-shadow-panel: 0 30px 70px -38px rgba(0, 0, 0, 0.88);
  --g-shadow-action: 0 12px 28px -16px rgba(11,93,107, 0.7);
}

body {
  background: var(--g-ink);
  color: var(--g-ivory);
}

::selection {
  background: var(--g-copper);
  color: var(--g-ink);
}