:root {
  /* Backgrounds (isign neon noir) */
  --bg: #07070d;
  --bg-elevated: #0e0e18;
  --bg-card: #111120;
  --surface: #16162a;

  /* Borders */
  --border: rgba(45, 123, 255, 0.12);
  --border-hover: rgba(45, 123, 255, 0.3);

  /* Text */
  --text: #eaeaef;
  --text-muted: #8888a0;
  --text-dim: #55556a;

  /* Accent (blue → cyan gradient) */
  --accent: #2d7bff;
  --accent-light: #00b4ff;
  --accent-glow: rgba(45, 123, 255, 0.4);
  --accent-glow-strong: rgba(0, 180, 255, 0.6);

  /* Feedback */
  --success: #48bb78;
  --success-glow: rgba(72, 187, 120, 0.3);
  --error: #f56565;
  --error-glow: rgba(245, 101, 101, 0.3);
  --warning: #ecc94b;

  /* Fonts */
  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  /* Easing */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
}