/* GriotAI premium IT palette — canonical tokens shared by every public locale. */
:root {
  color-scheme: dark;
  --g-ink: #080c12;
  --g-ink-raised: #101820;
  --g-ink-soft: #182431;
  --g-slate: #344253;
  --g-steel: #456579;
  --g-steel-light: #aab5c0;
  --g-ivory: #f4efe5;
  --g-ivory-muted: #d9d2c5;
  --g-copper: #c36f4e;
  --g-copper-hover: #d78968;
  --g-copper-dark: #8f432e;
  --g-brass: #c7a45a;
  --g-sage: #6f866f;
  --g-border: rgba(244, 239, 229, 0.11);
  --g-border-strong: rgba(244, 239, 229, 0.18);
  --g-copper-tint: rgba(195, 111, 78, 0.12);
  --g-copper-line: rgba(195, 111, 78, 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(195, 111, 78, 0.7);
}

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

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