/**
 * SoundShift Brand Variables
 * 
 * ⚠️ AUTO-GENERATED FILE - DO NOT EDIT MANUALLY
 * 
 * Source of Truth:
 * - packages/frontend-soundshift/src/config/colors.ts
 * - packages/frontend-soundshift/src/config/brand.ts
 * 
 * To update, edit the source files and run: pnpm generate:branding
 */

:root {
  /* ========================================
     BRAND IDENTITY
     ======================================== */
  --brand-name: 'SoundShift';

  /* ========================================
     PRIMARY COLORS
     ======================================== */
  --brand-primary: #8b5cf6;
  --brand-primary-hover: #7c3aed;
  --brand-primary-light: #a78bfa;
  --brand-primary-dark: #6d28d9;

  --brand-secondary: #06b6d4;
  --brand-secondary-hover: #0891b2;

  --brand-tertiary: #ec4899;
  --brand-tertiary-hover: #db2777;

  --brand-accent: #06b6d4;

  /* ========================================
     BACKGROUNDS
     ======================================== */
  --brand-bg-primary: #0f172a;
  --brand-bg-secondary: #1e293b;
  --brand-bg-hero: #0c1222;
  --brand-bg-card: #1e293b;

  /* ========================================
     TEXT COLORS
     ======================================== */
  --brand-text-primary: #f1f5f9;
  --brand-text-secondary: #cbd5e1;
  --brand-text-muted: #94a3b8;

  /* ========================================
     BORDERS
     ======================================== */
  --brand-border: #334155;
  --brand-border-focus: rgba(139, 92, 246, 0.5);

  /* ========================================
     STATUS COLORS
     ======================================== */
  --brand-success: #22c55e;
  --brand-warning: #f59e0b;
  --brand-error: #ec4899;
  --brand-info: #6366f1;

  /* ========================================
     GRADIENTS
     ======================================== */
  --brand-gradient-violet: rgba(139, 92, 246, 0.3);
  --brand-gradient-cyan: rgba(6, 182, 212, 0.25);
  --brand-gradient-pink: rgba(236, 72, 153, 0.2);

  /* ========================================
     TYPOGRAPHY
     ======================================== */
  --brand-font-heading: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --brand-font-body: 'Inter', system-ui, sans-serif;
  --brand-font-mono: 'Fira Code', 'Courier New', monospace;

  /* ========================================
     THEME
     ======================================== */
  --brand-theme-storage-key: soundshift-theme;
}

/* ========================================
   DARK MODE OVERRIDES
   ======================================== */
[data-theme='dark'] {
  --brand-bg-primary: #0f172a;
  --brand-bg-secondary: #1e293b;
  --brand-bg-hero: #0c1222;
  --brand-bg-card: #1e293b;

  --brand-text-primary: #f1f5f9;
  --brand-text-secondary: #cbd5e1;
  --brand-text-muted: #94a3b8;

  --brand-border: #334155;
  --brand-border-focus: rgba(139, 92, 246, 0.5);
  --brand-text-link: #a78bfa;
}