/**
 * BDC Design Tokens — Live Seller Pro
 * Single source of truth for all visual properties.
 * Referenced via var(--bdc-*) across all pages and plugins.
 * Version: 1.0.0
 */

:root {
  /* ── Brand Colors ── */
  --bdc-gold:          #d4a843;
  --bdc-gold-hover:    #c49a3a;
  --bdc-gold-light:    rgba(212, 168, 67, 0.15);
  --bdc-gold-border:   rgba(212, 168, 67, 0.3);
  --bdc-gold-glow:     rgba(212, 168, 67, 0.06);
  --bdc-silver:        #B0B7C3;

  /* ── Background Colors ── */
  --bdc-bg-dark:       #1a1a2e;
  --bdc-bg-darker:     #0f0f1a;
  --bdc-bg-darkest:    #0a0a12;
  --bdc-bg-card:       #16213e;
  --bdc-bg-white:      #ffffff;
  --bdc-bg-light:      #f5f5fa;

  /* ── Text Colors ── */
  --bdc-text-primary:  #ffffff;
  --bdc-text-body:     #c0c0d0;
  --bdc-text-muted:    #a0a0b0;
  --bdc-text-subtle:   #808090;
  --bdc-text-faint:    #606070;
  --bdc-text-dark:     #1a1a2e;
  --bdc-text-dark-body:#4a4a5a;

  /* ── Typography ── */
  --bdc-font-brand:    'Cinzel', serif;
  --bdc-font-display:  'Playfair Display', serif;
  --bdc-font-body:     'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Layout ── */
  --bdc-wrap-max:      1100px;
  --bdc-wrap-pad:      60px;
  --bdc-wrap-pad-md:   28px;
  --bdc-wrap-pad-sm:   20px;

  /* ── Spacing Scale ── */
  --bdc-space-xs:      8px;
  --bdc-space-sm:      16px;
  --bdc-space-md:      24px;
  --bdc-space-lg:      32px;
  --bdc-space-xl:      48px;
  --bdc-space-2xl:     80px;
  --bdc-space-3xl:     120px;

  /* ── Border Radius ── */
  --bdc-radius-sm:     3px;
  --bdc-radius-md:     5px;
  --bdc-radius-lg:     8px;
  --bdc-radius-xl:     10px;
  --bdc-radius-round:  9999px;

  /* ── Transitions ── */
  --bdc-ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --bdc-transition-fast:   0.2s ease;
  --bdc-transition-normal: 0.3s ease;
  --bdc-transition-slow:   0.6s cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Borders ── */
  --bdc-border-subtle:     1px solid rgba(255, 255, 255, 0.06);
  --bdc-border-gold:       1px solid rgba(212, 168, 67, 0.15);
  --bdc-border-gold-strong:1px solid rgba(212, 168, 67, 0.4);

  /* ── Shadows ── */
  --bdc-shadow-card:   0 8px 32px rgba(0, 0, 0, 0.3);
  --bdc-shadow-hover:  0 12px 48px rgba(0, 0, 0, 0.35);
  --bdc-shadow-gold:   0 0 0 1px rgba(212, 168, 67, 0.15);

  /* ── Z-Index Scale ── */
  --bdc-z-base:        1;
  --bdc-z-card:        2;
  --bdc-z-reveal:      5;
  --bdc-z-nav:         999999;
}