:root {
  --color-bg: #f6f8fb;
  --color-surface: #ffffff;
  --color-surface-2: #f0f3f8;
  --color-dark: #0b1220;
  --color-dark-2: #121a2a;
  --color-text: #111827;
  --color-muted: #657084;
  --color-border: #dfe4ec;
  --accent-green: #3155e7;
  --accent-cyan: #3155e7;
  --dark-green: #2447cd;
  --success: #169b67;
  --warning: #d9911b;
  --danger: #dc4c55;
  --white: #ffffff;
  --shadow-soft: 0 18px 50px rgb(25 43 78 / 0.1);
  --shadow-dark: 0 28px 70px rgb(11 18 32 / 0.3);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-pill: 999px;
  --container: 1240px;
  --header-height: 72px;
  --font-heading: "Public Sans", "Aptos Display", "Segoe UI", system-ui, sans-serif;
  --font-body: "Public Sans", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-code: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --fast: 180ms var(--ease);
  --normal: 280ms var(--ease);
}