/* tokens/colors.css — OWZO v2 color tokens.
   v1 contract preserved verbatim; v2 additions extend it (same naming style).
   Reskin by overriding these on :root — components never hard-code color. */
:root {
  /* v1 contract — do not rename */
  --primary-color: #c77dff;
  --secondary-color: #9d4edd;
  --deep-accent: #5a038d;
  --bg-color: #0f0318;
  --card-bg: #1a0b2e;
  --footer-bg: #050208;
  --hover-bg: #2a1640;
  --input-bg: #160a24;
  --text-color: #e0e0e0;
  --text-secondary: #a0a0a0;
  --text-muted: #6a6a6a;
  --success-color: #22c55e;
  --warning-color: #eab308;
  --error-color: #ef4444;
  --info-color: #3b82f6;

  /* v2 — dedicated alpha tokens (replace v1's rgba literals) */
  --primary-alpha-10: color-mix(in srgb, var(--primary-color) 10%, transparent);
  --primary-alpha-15: color-mix(in srgb, var(--primary-color) 15%, transparent);
  --primary-alpha-30: color-mix(in srgb, var(--primary-color) 30%, transparent);
  --primary-alpha-50: color-mix(in srgb, var(--primary-color) 50%, transparent);
  --secondary-alpha-30: color-mix(in srgb, var(--secondary-color) 30%, transparent);

  /* v2 — semantic aliases (all derived) */
  --border-color: var(--primary-alpha-15);
  --border-strong: var(--primary-alpha-30);
  --grid-line-color: color-mix(in srgb, var(--secondary-color) 8%, transparent);
  --selection-bg: var(--primary-color);
  --selection-text: var(--bg-color);
}