:root {
  --color-blue: #4d9cf9;
  --color-read: #f180b3;
  --color-purple: #ac7aff;
  --color-green: #54d77b;
  --color-yellow: #f8c45b;
  --color-orange: #fb8b3b;
  --color-teal: #34d1c8;
  --color-silver: #b4bac6;
  --color-crimson: #ef4444;

  --ink: #151a22;
  --surface: rgba(21, 26, 34, 0.85);
  --text: #f5f7ff;
  --muted: #c5c5c6;
  --border: rgba(255, 255, 255, 0.1);
  --glow: rgba(93, 211, 255, 0.4);
  --radius-default: 16px;
  --border-thick: 2px solid rgba(255, 255, 255, 0.35);
  --border-thin: 1px solid rgba(255, 255, 255, 0.1);
  --shadow-soft: 0 20px 45px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 20px rgba(255, 255, 255, 0.35);

  --font-display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Fira Mono", monospace;
  --letter-spacing: 0.1em;

  --motion-fast: 120ms;
  --motion-medium: 240ms;
  --motion-slow: 420ms;
  --motion-glow: drop-shadow(0 16px 36px rgba(0, 0, 0, 0.5));

  --spacing-base: 1.2rem;
  --gutter: 1.5rem;
  --radius-default: 14px;
}