/* ===================================
   DEFAULT THEME - COLOR VARIABLES
   =================================== */

/* Light mode (default) */
:root {
  /* Colors - Neutral palette */
  --color-bg-primary: oklch(1 0 0 / 1);
  --color-bg-secondary: oklch(0.98 0 247 / 1);
  --color-bg-hover: oklch(0.87 0.01 258 / 0.20);
  --color-bg-active: oklch(0.61 0.22 292 / 0.13);

  /* Text colors */
  --color-text-primary: oklch(0.21 0.03 264 / 1);
  --color-text-secondary: oklch(0.55 0.02 264 / 1);

  /* Border colors */
  --color-border-light: oklch(0.97 0 264 / 1);
  --color-border-default: oklch(0.93 0.01 264 / 1);
  --color-border-medium: oklch(0.87 0.01 258 / 1);

  /* Primary brand color */
  --color-primary-50: oklch(0.97 0.01 254 / 1);
  --color-primary-100: oklch(0.93 0.03 255 / 1);
  --color-primary-500: oklch(0.62 0.19 259 / 1);
  --color-primary-600: oklch(0.55 0.22 262 / 1);
  --color-primary-700: oklch(0.49 0.22 264 / 1);

  /* Accent color */
  --color-accent-50: oklch(0.98 0.01 308 / 1);
  --color-accent-500: oklch(0.61 0.22 292 / 1);
  --color-accent-600: oklch(0.54 0.25 293 / 1);

  /* Success color */
  --color-success-50: oklch(0.98 0.02 155 / 1);
  --color-success-500: oklch(0.70 0.15 162 / 1);
  --color-success-600: oklch(0.60 0.13 163 / 1);

  /* Error color */
  --color-error-50: oklch(0.97 0.01 17 / 1);
  --color-error-500: oklch(0.64 0.21 25 / 1);
  --color-error-600: oklch(0.58 0.22 27 / 1);
}

/* Dark mode - Auto-switches based on OS preference */
@media (prefers-color-scheme: dark) {
  :root {
    /* Colors - Dark neutral palette */
    --color-bg-primary: oklch(0.28 0.012 256 / 1);
    --color-bg-secondary: oklch(0.24 0.012 264 / 1);
    --color-bg-hover: oklch(0.45 0.012 256 / 0.13);
    --color-bg-active: oklch(0.62 0.12 259 / 0.33);

    /* Text colors */
    --color-text-primary: oklch(0.98 0 247 / 1);
    --color-text-secondary: oklch(0.71 0.02 261 / 1);

    /* Border colors */
    --color-border-light: oklch(0.3 0.012 259 / 1);
    --color-border-default: oklch(0.4 0.012 256 / 1);
    --color-border-medium: oklch(0.5 0.012 264 / 1);

    /* Primary brand color - Brighter for dark backgrounds */
    --color-primary-50: oklch(0.38 0.14 265 / 1);
    --color-primary-100: oklch(0.42 0.18 265 / 1);
    --color-primary-500: oklch(0.71 0.14 254 / 1);
    --color-primary-600: oklch(0.62 0.19 259 / 1);
    --color-primary-700: oklch(0.55 0.22 262 / 1);

    /* Accent color - Brighter for dark backgrounds */
    --color-accent-50: oklch(0.43 0.21 292 / 1);
    --color-accent-500: oklch(0.71 0.16 293 / 1);
    --color-accent-600: oklch(0.61 0.22 292 / 1);

    /* Success color - Brighter for dark backgrounds */
    --color-success-50: oklch(0.43 0.09 166 / 1);
    --color-success-500: oklch(0.77 0.15 163 / 1);
    --color-success-600: oklch(0.70 0.15 162 / 1);

    /* Error color - Brighter for dark backgrounds */
    --color-error-50: oklch(0.44 0.16 26 / 1);
    --color-error-500: oklch(0.71 0.17 22 / 1);
    --color-error-600: oklch(0.64 0.21 25 / 1);
  }
}