:root {
  color-scheme: dark;

  --bg: #0F1126;
  --bg-2: #0B0D1E;
  --bg-3: #08091A;
  --surface: #18183C;
  --surface-2: #1E1E48;
  --surface-3: #20214B;

  --line: #242454;
  --stroke: #303060;

  --accent: #6C60FC;
  --accent-deep: #3B327F;
  --accent-soft: #2A2660;
  --accent-text: #B9B4FF;

  --teal: #18B4A8;
  --teal-soft: rgba(24, 180, 168, 0.14);
  --teal-line: rgba(24, 180, 168, 0.35);

  --danger: #FF6B81;
  --danger-soft: rgba(255, 107, 129, 0.14);
  --amber: #FFC46B;
  --amber-soft: rgba(255, 196, 107, 0.14);

  --text: #F0F0FC;
  --text-2: #A8A8CC;
  --muted: #6B6B8C;

  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-1: 0 14px 34px -18px rgba(0, 0, 0, 0.9);
  --shadow-2: 0 24px 60px -30px rgba(0, 0, 0, 1);
  --shadow-accent: 0 16px 40px -18px rgba(108, 96, 252, 0.95);

  --container: 1080px;
  --gutter: 20px;

  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", monospace;

  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}