:root {
  /* Brand colors */
  --v2-blue: #2F6BEF;
  --v2-blue-hover: #1D57D8;
  --v2-blue-light: #EEF3FD;
  --v2-blue-light-border: #C5D6FB;
  --v2-navy: #0D1B3D;
  --v2-gray: #667799;
  --v2-gray-mid: #8898BB;
  --v2-border: #E3E9F5;
  --v2-soft-bg: #F8FAFF;
  --v2-white: #FFFFFF;

  /* Status colors */
  --v2-success: #23B26D;
  --v2-success-bg: #E8F7F0;
  --v2-success-border: #B6E8D1;
  --v2-warning: #F4A62A;
  --v2-warning-bg: #FEF8EC;
  --v2-warning-border: #F9D794;
  --v2-error: #E05252;
  --v2-error-bg: #FEF0F0;
  --v2-error-border: #FAC5C5;

  /* Border radius */
  --v2-radius-sm: 10px;
  --v2-radius-md: 16px;
  --v2-radius-lg: 20px;

  /* Shadows */
  --v2-shadow-card: 0 2px 12px rgba(13,27,61,0.07), 0 1px 3px rgba(13,27,61,0.05);
  --v2-shadow-hover: 0 8px 24px rgba(13,27,61,0.12), 0 2px 6px rgba(13,27,61,0.06);
  --v2-shadow-lg: 0 16px 48px rgba(13,27,61,0.18);

  /* Layout */
  --v2-container: 1200px;
  --v2-container-pad: 40px;
  --v2-nav-height: 64px;

  /* Typography */
  --v2-font-ui: 'Inter', system-ui, -apple-system, sans-serif;
  --v2-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

@media (max-width: 767px) {
  :root {
    --v2-container-pad: 20px;
  }
}