/*
 * Shared design tokens for light/dark theming across all layouts.
 * Values on :root are light-mode defaults, taken from the colors already
 * live in dashboard/css (#2E9E30 accent, #1B1C31 sidebar) and web/css.
 * Dark overrides apply via prefers-color-scheme, then via [data-theme]
 * (set by js/theme-toggle.js) so an explicit user choice always wins.
 * This file only defines custom properties - it has no effect until
 * component CSS is migrated to consume var(--ecc-*) instead of hex.
 */

:root {
  --ecc-primary: #2E9E30;
  --ecc-primary-hover: #257C27;
  --ecc-primary-public: #09A953;
  --ecc-info: #2C7BD0;
  --ecc-success: #28A745;
  --ecc-warning: #CBB956;
  --ecc-danger: #DB2828;
  --ecc-status-partial: #7C5CD1;

  --ecc-surface: #FFFFFF;
  --ecc-surface-alt: #F5F8FA;
  --ecc-surface-inverse: #1B1C31;

  --ecc-border: #E1E1E1;
  --ecc-text: #333333;
  --ecc-text-muted: #495057;
  --ecc-text-on-inverse: #FFFFFF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ecc-primary: #4CC24E;
    --ecc-primary-hover: #34DE8C;
    --ecc-primary-public: #34DE8C;
    --ecc-info: #5B9BDB;
    --ecc-success: #4CC26E;
    --ecc-warning: #E2C878;
    --ecc-danger: #E2726B;
    --ecc-status-partial: #B18AF0;

    --ecc-surface: #14181A;
    --ecc-surface-alt: #1E2228;
    --ecc-surface-inverse: #0E0F1A;

    --ecc-border: #2B3138;
    --ecc-text: #E7E9EA;
    --ecc-text-muted: #A7B0B5;
    --ecc-text-on-inverse: #E7E9EA;
  }
}

:root[data-theme="dark"] {
  --ecc-primary: #4CC24E;
  --ecc-primary-hover: #34DE8C;
  --ecc-primary-public: #34DE8C;
  --ecc-info: #5B9BDB;
  --ecc-success: #4CC26E;
  --ecc-warning: #E2C878;
  --ecc-danger: #E2726B;
  --ecc-status-partial: #B18AF0;

  --ecc-surface: #14181A;
  --ecc-surface-alt: #1E2228;
  --ecc-surface-inverse: #0E0F1A;

  --ecc-border: #2B3138;
  --ecc-text: #E7E9EA;
  --ecc-text-muted: #A7B0B5;
  --ecc-text-on-inverse: #E7E9EA;
}

:root[data-theme="light"] {
  --ecc-primary: #2E9E30;
  --ecc-primary-hover: #257C27;
  --ecc-primary-public: #09A953;
  --ecc-info: #2C7BD0;
  --ecc-success: #28A745;
  --ecc-warning: #CBB956;
  --ecc-danger: #DB2828;
  --ecc-status-partial: #7C5CD1;

  --ecc-surface: #FFFFFF;
  --ecc-surface-alt: #F5F8FA;
  --ecc-surface-inverse: #1B1C31;

  --ecc-border: #E1E1E1;
  --ecc-text: #333333;
  --ecc-text-muted: #495057;
  --ecc-text-on-inverse: #FFFFFF;
}