/*
 * Production color tokens for MyDancr.
 *
 * Components consume semantic tokens from this file so the brand palette has
 * one source of truth. Navigation keeps its existing, independently owned
 * visual contract.
 */

:root {
  color-scheme: dark;

  --dancr-color-brand-primary: #7c3aed;
  --dancr-color-brand-primary-deep: #5b21b6;
  --dancr-color-brand-primary-soft: rgba(124, 58, 237, 0.14);
  --dancr-color-brand-primary-medium: rgba(124, 58, 237, 0.34);
  --dancr-color-brand-primary-strong: rgba(124, 58, 237, 0.72);

  --dancr-color-beam-violet: #985fff;
  --dancr-color-beam-violet-medium: rgba(152, 95, 255, 0.58);
  --dancr-color-beam-violet-soft: rgba(91, 19, 255, 0.24);
  --dancr-color-beam-blue: #346eff;
  --dancr-color-beam-blue-soft: rgba(52, 110, 255, 0.18);

  --dancr-color-text-primary: #f8fafc;
  --dancr-color-text-secondary: #cbd5e1;
  --dancr-color-text-muted: #94a3b8;
  --dancr-color-text-on-bright: #050507;

  --dancr-color-background: #050507;
  --dancr-color-surface: #0f0f12;
  --dancr-color-surface-raised: #18181c;
  --dancr-color-surface-soft: rgba(15, 15, 18, 0.88);
  --dancr-color-surface-translucent: rgba(15, 15, 18, 0.96);
  --dancr-color-surface-subtle: rgba(248, 250, 252, 0.045);
  --dancr-color-overlay: rgba(5, 5, 7, 0.88);

  --dancr-color-border: #303038;
  --dancr-color-border-subtle: rgba(248, 250, 252, 0.12);
  --dancr-color-border-strong: rgba(248, 250, 252, 0.22);

  --dancr-color-info: #22d3ee;
  --dancr-color-info-soft: rgba(34, 211, 238, 0.1);
  --dancr-color-info-medium: rgba(34, 211, 238, 0.34);
  --dancr-color-info-strong: rgba(34, 211, 238, 0.72);

  --dancr-color-success: #10b981;
  --dancr-color-success-soft: rgba(16, 185, 129, 0.1);
  --dancr-color-success-medium: rgba(16, 185, 129, 0.36);
  --dancr-color-success-strong: rgba(16, 185, 129, 0.78);

  --dancr-color-featured: #fbbf24;
  --dancr-color-featured-soft: rgba(251, 191, 36, 0.1);
  --dancr-color-featured-medium: rgba(251, 191, 36, 0.38);
  --dancr-color-featured-strong: rgba(251, 191, 36, 0.76);

  --dancr-color-danger: #ef4444;
  --dancr-color-danger-soft: rgba(239, 68, 68, 0.1);
  --dancr-color-danger-medium: rgba(239, 68, 68, 0.38);
  --dancr-color-danger-strong: rgba(239, 68, 68, 0.76);

  --dancr-color-white-soft: rgba(248, 250, 252, 0.08);
  --dancr-color-white-medium: rgba(248, 250, 252, 0.16);
  --dancr-color-black-soft: rgba(5, 5, 7, 0.28);
  --dancr-color-black-medium: rgba(5, 5, 7, 0.48);
  --dancr-color-black-strong: rgba(5, 5, 7, 0.72);

  --dancr-shadow-surface: 0 20px 52px rgba(5, 5, 7, 0.46);
  --dancr-shadow-modal: 0 30px 90px rgba(5, 5, 7, 0.72);
  --dancr-shadow-brand-subtle: 0 0 20px rgba(124, 58, 237, 0.2);
  --dancr-shadow-brand-control:
    0 14px 32px rgba(5, 5, 7, 0.42),
    0 0 20px rgba(124, 58, 237, 0.24);
  --dancr-shadow-beam-active:
    0 0 10px var(--dancr-color-beam-violet-medium),
    0 0 22px var(--dancr-color-beam-violet-soft),
    0 0 32px var(--dancr-color-beam-blue-soft);
  --dancr-shadow-beam-card:
    0 18px 44px rgba(5, 5, 7, 0.48),
    0 0 18px rgba(152, 95, 255, 0.28),
    0 0 30px rgba(52, 110, 255, 0.14);
  --dancr-focus-ring:
    0 0 0 2px var(--dancr-color-background),
    0 0 0 4px var(--dancr-color-beam-violet-medium),
    0 0 18px var(--dancr-color-beam-violet-soft);
}