/* ONYX interface tokens v1 — shared across the academy website and app. */
:root{
  --onyx-font-input:Roboto,"Helvetica Neue",Arial,sans-serif;
  --onyx-accent:#00ff66;
  --onyx-accent-soft:#9affbc;
  --onyx-ink:#050805;
  --onyx-surface:#0b1510;
  --onyx-raised:#101e16;
  --onyx-line:#294435;
  --onyx-line-hover:#427052;
  --onyx-text:#eff8f2;
  --onyx-muted:#a4b5aa;
  --onyx-danger:#ffb4ae;

  /* Reference-inspired action buttons, shared with the other ONYX surface. */
  --onyx-button-radius:999px;
  --onyx-button-surface:#030604;
  --onyx-button-text:#f4f8f5;
  --onyx-button-glow:.22;
  --onyx-button-edge:linear-gradient(155deg,#485149 0%,#252c27 42%,#1c2920 65%,#5ab872 88%,#435e4a 100%);
  --onyx-button-shadow:inset 0 1px 0 #ffffff09,0 6px 16px -10px #000c;
  --onyx-field-radius:10px;
  --onyx-panel-radius:8px;
  --onyx-menu-radius:14px;
  --onyx-shadow:0 14px 36px -22px #000b;
  --onyx-shadow-raised:0 22px 48px -26px #000d;
  --onyx-focus:0 0 0 4px #00ff6614;
  --onyx-ease:cubic-bezier(.22,.8,.25,1);
  --onyx-fast:160ms;
  --onyx-normal:240ms;
  --onyx-enter:380ms;
  --onyx-space-1:.5rem;
  --onyx-space-2:1rem;
  --onyx-space-3:1.5rem;
  --onyx-space-4:2rem;
}
@media(prefers-reduced-motion:reduce){:root{--onyx-fast:0ms;--onyx-normal:0ms;--onyx-enter:0ms}}