/* Design tokens: edit palette, sizing and elevation from one place. */
:root {
  --color-primary: #5B4BFF;
  --color-secondary: #2DA8FF;
  --color-dark: #081120;
  --color-light: #F8FAFC;
  --color-accent: #8B5CF6;
  --color-success: #22C55E;
  --color-warning: #F59E0B;
  --color-danger: #EF4444;
  --ink: var(--color-dark);
  --muted: #64748b;
  --paper: #fff;
  --soft: var(--color-light);
  --line: #e7eaf3;
  --primary: var(--color-primary);
  --blue: var(--color-secondary);
  --grad: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  --radius: 20px;
  --shadow: 0 16px 45px rgba(27, 25, 80, .1);
}