:root {
  --color-bg-dark: #07111f;
  --color-bg-dark-2: #0c1728;
  --color-bg-dark-3: #18223a;
  --color-bg-light: #f5f7fb;
  --color-surface: #ffffff;
  --color-text-dark: #0b0d12;
  --color-text-light: #f6f7fb;
  --color-text-light-muted: #a9b4cb;
  --color-muted: #566074;
  --color-accent: #3659d6;
  --color-accent-soft: #e9efff;
  --color-accent-on-dark: #b9c8ff;
  --color-status: #a24a08;
  --color-status-bg: #fdf3e3;
  --color-border: #e4e7ed;
  --color-border-dark: rgba(255, 255, 255, 0.1);
  --color-focus: #5f4fe0;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --container: 1240px;
  --gutter: clamp(20px, 3vw, 32px);
  --header-h: 76px;

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

  --shadow-card: 0 1px 2px rgba(11, 13, 18, 0.04);
  --shadow-card-hover: 0 1px 2px rgba(11, 13, 18, 0.04), 0 10px 28px rgba(11, 13, 18, 0.07);
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}