/* Design tokens — :root = Light (default). Other themes in themes.css */

:root,
html[data-admin-theme="light"] {
  color-scheme: light;

  /* Accent */
  --color-phosphor-green: #3ecf8e;
  --color-mint-pulse: #00c573;
  --color-forest-depth: #1f4b37;
  --color-midnight-emerald: #006239;
  --color-danger: #ef4444;
  --color-amber: #f59e0b;

  /* Palette */
  --color-snow: #171717;
  --color-silver-mist: #525252;
  --color-smoke: #737373;
  --color-graphite: #d4d4d4;
  --color-slate: #e5e5e5;
  --color-charcoal: #ebebeb;
  --color-ash: #f5f5f5;
  --color-obsidian: #ffffff;

  /* Semantic text */
  --text-primary: #171717;
  --text-secondary: #404040;
  --text-muted: #737373;
  --text-subtle: #737373;
  --text-faint: #a3a3a3;
  --text-disabled: #a3a3a3;
  --text-link: #525252;
  --text-link-hover: #171717;
  --text-on-primary: #ffffff;
  --text-inverse: #ffffff;
  --text-error: #dc2626;

  /* Semantic surfaces */
  --surface-base: #f5f5f5;
  --surface-raised: #ffffff;
  --surface-hover: #f0f0f0;
  --surface-selected: #e8e8e8;
  --surface-border: #e5e5e5;
  --surface-border-strong: #d4d4d4;
  --surface-topbar: #ffffff;
  --surface-dropdown: #ffffff;
  --surface-drawer: #ffffff;
  --surface-card: #ffffff;
  --surface-card-hover: #fafafa;
  --surface-elevated: #ffffff;
  --surface-interactive-hover: #f5f5f5;
  --surface-control-hover: #f5f5f5;
  --surface-badge: #f0f0f0;
  --surface-tooltip: #ffffff;

  /* Borders */
  --border-default: #e5e5e5;
  --border-subtle: #ebebeb;
  --border-faint: #e5e5e5;
  --border-separator: #e5e5e5;
  --border-strong: #d4d4d4;
  --border-tooltip: #e5e5e5;
  --border-breadcrumb-sep: #d4d4d4;

  /* Fields */
  --field-bg: #ffffff;
  --field-border: #e5e5e5;
  --field-border-hover: #d4d4d4;
  --field-border-focus: var(--color-phosphor-green);
  --field-divider: #f0f0f0;

  /* Shadows */
  --shadow-dropdown: 0 18px 48px rgba(0, 0, 0, 0.12);
  --shadow-drawer: -16px 0 48px rgba(0, 0, 0, 0.08);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.1);

  /* Overlays */
  --overlay-backdrop: rgba(0, 0, 0, 0.25);
  --overlay-modal: rgba(0, 0, 0, 0.4);
  --overlay-confirm: rgba(0, 0, 0, 0.35);
  --overlay-loading: rgba(255, 255, 255, 0.92);

  /* Interactive */
  --range-active-bg: #171717;
  --range-active-fg: #ffffff;
  --row-hover-bg: rgba(0, 0, 0, 0.03);
  --control-ghost-hover-bg: rgba(0, 0, 0, 0.04);
  --option-dot-border: #a3a3a3;
  --option-dot-active-ring: #ffffff;

  /* Avatar */
  --avatar-bg: #c8a27d;
  --avatar-fg: #f8f4ef;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.28s;
  --duration-slow: 0.32s;

  /* Django admin */
  --primary: var(--color-phosphor-green);
  --primary-fg: var(--text-on-primary);
  --body-fg: var(--text-primary);
  --body-bg: var(--surface-base);
  --header-bg: var(--surface-base);
  --breadcrumbs-bg: var(--surface-base);
  --breadcrumbs-fg: var(--text-muted);
  --breadcrumbs-link-fg: var(--text-secondary);
  --hairline-color: var(--surface-border);
  --border-color: var(--surface-border);
  --darkened-bg: var(--surface-hover);
  --selected-bg: var(--surface-selected);
  --message-success-bg: rgba(62, 207, 142, 0.08);
  --message-warning-bg: rgba(0, 0, 0, 0.03);
  --message-error-bg: rgba(239, 68, 68, 0.08);
}