:root {
  color-scheme: dark;
  --font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  --color-bg: #030613;
  --color-bg-deep: #050817;
  --color-surface: rgba(9, 18, 38, 0.76);
  --color-surface-strong: rgba(12, 26, 55, 0.88);
  --color-line: rgba(112, 224, 255, 0.2);
  --color-line-strong: rgba(149, 112, 255, 0.45);
  --color-text: #f5f9ff;
  --color-muted: #a9b9d6;
  --color-dim: #6f82a5;
  --color-cyan: #3de7ff;
  --color-blue: #4d8cff;
  --color-purple: #9b6bff;
  --color-pink: #e86cff;
  --color-success: #59ffc3;

  --gradient-primary: linear-gradient(135deg, var(--color-cyan), var(--color-blue) 48%, var(--color-purple));
  --gradient-panel: linear-gradient(145deg, rgba(14, 37, 78, 0.86), rgba(12, 16, 46, 0.82));
  --shadow-neon: 0 0 34px rgba(61, 231, 255, 0.24);
  --shadow-purple: 0 0 42px rgba(155, 107, 255, 0.22);

  --container: 1180px;
  --header-height: 76px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}