:root {
  --og-study-theory: #f557c9;
  --og-study-practice: #41ff00;
  --og-night: oklch(27.23% 0.0898 293.04);
  --og-night-raised: oklch(32% 0.096 288);
  --og-stage-night: oklch(34% 0.145 293);
  --og-stage-raised: oklch(41% 0.145 288);
  --og-blue: oklch(37.83% 0.1403 264.32);
  --og-blue-bright: oklch(48% 0.17 259);
  --og-gold: oklch(86.52% 0.1768 90.38);
  --og-gold-light: oklch(94% 0.12 91);
  --og-orange: oklch(69.58% 0.2 43.49);
  --og-success: oklch(74.59% 0.1812 152.33);
  --og-error: oklch(63.07% 0.194 29.44);
  --og-paper: oklch(96% 0.018 90);
  --og-paper-2: oklch(91% 0.025 88);
  --og-ink: oklch(20% 0.035 290);
  --og-ink-soft: oklch(38% 0.042 285);
  --og-rule: oklch(52% 0.08 273);
  --og-muted: oklch(78% 0.035 275);
  --og-wood: oklch(53% 0.115 55);
  --og-wood-dark: oklch(35% 0.09 49);
  --og-stone: oklch(66% 0.025 270);
  --og-stone-dark: oklch(40% 0.03 275);
  --og-focus: oklch(90% 0.18 97);
  --og-accent-ink: var(--og-ink);

  --og-font-display: Impact, Haettenschweiler, sans-serif;
  --og-font-body: "Titillium Web", sans-serif;

  --og-space-1: 0.25rem;
  --og-space-2: 0.5rem;
  --og-space-3: 0.75rem;
  --og-space-4: 1rem;
  --og-space-5: 1.5rem;
  --og-space-6: 2rem;
  --og-space-7: 3rem;
  --og-space-8: 4rem;

  --og-radius-sm: 0.5rem;
  --og-radius-control: 1rem;
  --og-radius-panel: 1.25rem;
  --og-stroke: 0.125rem;
  --og-extrusion: 0.5rem;

  --og-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --og-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --og-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --og-dur-micro: 120ms;
  --og-dur-short: 220ms;
  --og-dur-long: 420ms;

  --og-z-base: 1;
  --og-z-raised: 10;
  --og-z-sticky: 200;
  --og-z-modal: 400;
  --og-z-toast: 500;
}