﻿/* Khutor v2: twilight, wheat and inventory accents. */
:root {
  color-scheme: dark;
  --surface:#25182e; --surface-deep:#160e1d; --tile:#e7d7b7;
  --night:#1a0b24; --deepslate:#25172e; --dirt:#302039;
  --panel:#c6c6c6; --bevel-dark:#373737; --bevel-light:#ffffff; --slot:#8b8b8b;
  --tooltip:#100010; --tooltip-top:#5000ff; --tooltip-bottom:#28007f;
  --gold:#f2c363; --green:#b7d86c; --aqua:#a6dfe8; --gray:#aaaaaa;
  --rare:#ffff55; --epic:#ff55ff; --text:#faf6ff; --muted:#c3b6cc;
  --ink:#242424; --ink-muted:#464646; --line:#493251; --grass:#3b662c;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --font:system-ui,-apple-system,"Segoe UI",sans-serif;
  --type-body:18px; --type-title:28px; --type-display:56px;
  --bevel:inset 2px 2px 0 var(--bevel-light),inset -2px -2px 0 var(--bevel-dark);
  --inset:inset 2px 2px 0 var(--bevel-dark),inset -2px -2px 0 var(--bevel-light);
}
