/*
 * Production color tokens for MyDancr.
 *
 * Components consume semantic tokens from this file so the brand palette has
 * one source of truth. The intended UI-chrome balance is 84% neutral, 10%
 * hero-beam brand, and 6% semantic state color. Approved media and the supplied
 * hero artwork are excluded from that visual-weight target. Navigation keeps
 * its existing, independently owned visual contract.
 */

:root {
  color-scheme: dark;

  --dancr-visual-weight-neutral: 84;
  --dancr-visual-weight-brand: 10;
  --dancr-visual-weight-semantic: 6;

  --dancr-color-brand-core: #f5f3ff;
  --dancr-color-brand-primary: #7c3aed;
  --dancr-color-brand-primary-deep: #4c1d95;
  --dancr-color-brand-glow: #312e81;
  --dancr-color-brand-core-soft: rgba(245, 243, 255, 0.18);
  --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-brand-glow-soft: rgba(49, 46, 129, 0.18);
  --dancr-color-brand-glow-medium: rgba(49, 46, 129, 0.42);
  --dancr-color-avatar-ring-magenta: #f02bdc;
  --dancr-color-avatar-ring-violet: #8b5cf6;
  --dancr-color-avatar-ring-indigo: #4f46e5;
  --dancr-color-avatar-ring-core: #ffffff;
  --dancr-color-avatar-ring-live: #34e3a4;
  --dancr-color-avatar-ring-inactive: rgba(245, 245, 255, 0.65);

  --dancr-color-beam-core: var(--dancr-color-brand-core);
  --dancr-color-beam-violet: var(--dancr-color-brand-primary);
  --dancr-color-beam-violet-medium: rgba(124, 58, 237, 0.58);
  --dancr-color-beam-violet-soft: rgba(124, 58, 237, 0.2);
  --dancr-color-beam-glow: var(--dancr-color-brand-glow);
  --dancr-color-beam-glow-soft: var(--dancr-color-brand-glow-soft);
  --dancr-color-beam-blue: var(--dancr-color-beam-glow);
  --dancr-color-beam-blue-soft: var(--dancr-color-beam-glow-soft);

  --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: #111118;
  --dancr-color-surface-raised: #111118;
  --dancr-color-surface-soft: rgba(17, 17, 24, 0.88);
  --dancr-color-surface-translucent: rgba(17, 17, 24, 0.96);
  --dancr-color-surface-subtle: rgba(248, 250, 252, 0.045);
  --dancr-color-overlay: rgba(5, 5, 7, 0.88);

  --dancr-color-border: #334155;
  --dancr-color-border-subtle: rgba(51, 65, 85, 0.64);
  --dancr-color-border-strong: rgba(51, 65, 85, 0.92);

  --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-verification: #2563eb;
  --dancr-color-verification-foreground: #ffffff;
  --dancr-color-verification-outline: #1d4ed8;

  --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-live: #4dec9d;
  --dancr-color-live-soft: rgba(77, 236, 157, 0.1);
  --dancr-color-live-medium: rgba(77, 236, 157, 0.36);
  --dancr-color-live-strong: rgba(77, 236, 157, 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 10px 24px rgba(5, 5, 7, 0.3);
  --dancr-shadow-modal: 0 24px 72px rgba(5, 5, 7, 0.72);
  --dancr-shadow-brand-subtle: 0 0 10px var(--dancr-color-brand-glow-soft);
  --dancr-shadow-brand-control:
    0 8px 18px rgba(5, 5, 7, 0.34),
    0 0 10px var(--dancr-color-brand-glow-soft);
  --dancr-shadow-beam-active:
    0 0 0 2px var(--dancr-color-beam-violet-medium),
    0 0 10px var(--dancr-color-beam-glow-soft);
  --dancr-shadow-beam-card:
    0 12px 28px rgba(5, 5, 7, 0.34),
    inset 0 0 0 1px var(--dancr-color-beam-violet-medium);
  --dancr-focus-ring:
    0 0 0 2px var(--dancr-color-background),
    0 0 0 4px var(--dancr-color-beam-violet-medium);
}