/*
 * Color System
 * Extended color palette with semantic colors
 */

:root {
  /* Pantone Base Colors */
  --color-moonless-night: #1a1a1a;
  --color-basalt: #8C9092;
  --color-blond-wood: #D3C8AB;
  --color-oat-milk: #F5E6D3;
  --color-silver: #C0C0C0;

  /* NOTE: --color-wine / --color-olive and the semantic status colors
     (--color-success/-warning/-error/-info) are intentionally NOT defined here.
     They are owned by the theme token files (ui/tokens/warm-theme.css,
     cold-theme.css) under [data-theme-variant] scopes with WCAG-tuned, theme- and
     mode-specific values. Redefining them on :root shadowed those values in light
     mode (equal specificity, imported later), so they stay theme-scoped only. */

  /* Alpha Values */
  --alpha-hover: 0.05;
  --alpha-active: 0.1;
  --alpha-disabled: 0.5;
  --alpha-overlay: 0.8;
}

/* Background utilities */
.bg-primary {
  background-color: var(--theme-bg);
}

.bg-surface {
  background-color: var(--theme-surface);
}

.bg-accent {
  background-color: var(--theme-accent);
}

.bg-highlight {
  background-color: var(--theme-highlight);
}

.bg-success {
  background-color: var(--color-success);
}

.bg-warning {
  background-color: var(--color-warning);
}

.bg-error {
  background-color: var(--color-error);
}

.bg-info {
  background-color: var(--color-info);
}

/* Border utilities */
.border-default {
  border: 1px solid var(--theme-border);
}

.border-accent {
  border: 1px solid var(--theme-accent);
}

.border-highlight {
  border: 1px solid var(--theme-highlight);
}

/* Overlay utilities */
.overlay-dark {
  background-color: rgba(0, 0, 0, var(--alpha-overlay));
}

.overlay-light {
  background-color: rgba(255, 255, 255, var(--alpha-overlay));
}