/* QuickerConvert Brand Tokens
   Active brand: v2 (Electric Lavender + Midnight Indigo + Pearl White)
   Legacy brand: v1 (Ocean Blue + Cloudy Sky), archived for reference
   Last updated: 2026-02-18
*/

:root {
  /* ------------------------------------------------------------------
     Active brand v2
     ------------------------------------------------------------------ */
  --qc-brand-primary: #7c83ff;        /* Electric Lavender */
  --qc-brand-primary-hover: #6f77fb;
  --qc-brand-primary-strong: #626af8;
  --qc-brand-secondary: #1f2140;      /* Midnight Indigo */
  --qc-brand-secondary-soft: #292c53;
  --qc-brand-surface: #161729;
  --qc-brand-card: #1f2140;
  --qc-brand-border: #3a3d61;
  --qc-brand-border-strong: #4a4e76;
  --qc-brand-text: #f5f6f7;           /* Pearl White */
  --qc-brand-muted: #c8cade;
  --qc-brand-muted-2: #a9acc6;

  /* ------------------------------------------------------------------
     Legacy brand v1 (archived, keep for migration/history only)
     ------------------------------------------------------------------ */
  --qc-legacy-ocean-500: #7c83ff;
  --qc-legacy-ocean-600: #6f77fb;
  --qc-legacy-ocean-700: #626af8;
  --qc-legacy-sky-50: #f5f6f7;
  --qc-legacy-sky-100: #e9ebf2;

  /* ------------------------------------------------------------------
     Compatibility aliases used across existing UI files
     ------------------------------------------------------------------ */
  --qc-ocean-500: var(--qc-brand-primary);
  --qc-ocean-600: var(--qc-brand-primary-hover);
  --qc-ocean-700: var(--qc-brand-primary-strong);
  --qc-sky-50: var(--qc-brand-surface);
  --qc-sky-100: var(--qc-brand-secondary);

  /* Neutrals */
  --qc-ink: var(--qc-brand-text);
  --qc-slate: var(--qc-brand-muted);
  --qc-slate-2: var(--qc-brand-muted-2);
  --qc-surface: var(--qc-brand-surface);
  --qc-card: var(--qc-brand-card);
  --qc-border: var(--qc-brand-border);
  --qc-border-strong: var(--qc-brand-border-strong);

  /* System feedback */
  --qc-success: #10b981;
  --qc-warning: #f59e0b;
  --qc-danger: #ef4444;

  /* Typography */
  --qc-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";

  /* Shape and elevation */
  --qc-radius-sm: 12px;
  --qc-radius: 16px;
  --qc-radius-lg: 18px;
  --qc-shadow-sm: 0 8px 18px rgba(0, 0, 0, 0.22);
  --qc-shadow: 0 12px 30px rgba(0, 0, 0, 0.34);

  /* Spacing (8px grid) */
  --qc-space-1: 8px;
  --qc-space-2: 12px;
  --qc-space-3: 16px;
  --qc-space-4: 24px;
  --qc-space-5: 32px;

  /* Focus */
  --qc-focus: 0 0 0 2px rgba(124, 131, 255, 0.55);
}