:root {
  /* Primary */
  --carbon: #23272b;
  --slate: #3b424a;

  /* Background */
  --ice: #eff3f6;
  --white: #ffffff;

  /* Accent */
  --electric: #2563eb;
  --electric-hover: #1d4ed8;
  --light-blue: #60a5fa;

  /* Feedback */
  --success: #16a34a;
  --warning: #d97706;
  --error: #dc2626;

  /* Borders */
  --border-light: #d6dade;
  --border-strong: #b8c0c8;

  /* Glass */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-border: rgba(255, 255, 255, 0.18);
  --glass-blur: 18px;

  /* Typography — Satoshi via CDN fallback to system */
  --font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-medium: 500;
  --font-bold: 700;
  --font-black: 900;

  /* Spacing (8pt grid) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Radius */
  --radius-input: 12px;
  --radius-btn: 14px;
  --radius-card: 18px;
  --radius-modal: 24px;

  /* Layout */
  --max-width: 1120px;
  --nav-height: 72px;
  --page-gutter: 24px;

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 150ms;
  --duration: 240ms;
  --duration-slow: 300ms;

  /* Shadows */
  --shadow-soft: 0 8px 32px rgba(35, 39, 43, 0.08);
  --shadow-elevated: 0 16px 48px rgba(35, 39, 43, 0.12);
}