/* Design tokens — blaze.markets
   Warm, premium, markets-oriented. Ember/gold primary, per-TLD color accents on cards. */
:root {
  /* Base palette — warm near-blacks */
  --bg:           #0A0807;
  --bg-grid:      #0E0B09;
  --surface:      #13110F;
  --surface-2:    #1A1612;
  --surface-3:    #221C17;
  --text:         #F5F1EA;   /* warm white */
  --text-muted:   #B5AFA4;   /* warm grey */
  --text-dim:     #6F6A60;   /* deep warm grey */
  --border:       rgba(255, 200, 150, 0.08);
  --border-strong:rgba(255, 200, 150, 0.16);

  /* Brand accent — ember flame gradient (orange → crimson → gold) */
  --accent:       #FF6A1A;
  --accent-2:     #FF3D6E;
  --accent-3:     #FFC56B;
  --gold:         #E8B36C;
  --accent-soft:  rgba(255, 106, 26, 0.18);
  --accent-glow:  rgba(255, 106, 26, 0.45);
  --accent-2-soft:rgba(255, 61, 110, 0.18);
  --accent-2-glow:rgba(255, 61, 110, 0.45);

  /* Per-TLD neon palette — kept for variety on domain cards */
  --tld-crypto:     #00E5FF; /* cyan */
  --tld-x:          #FF2EC4; /* magenta */
  --tld-nft:        #C6FF00; /* lime */
  --tld-wallet:     #FFB300; /* amber */
  --tld-blockchain: #7C4DFF; /* violet */
  --tld-dao:        #00BFA5; /* teal */
  --tld-888:        #FF1744; /* red */
  --tld-zil:        #FF6E40; /* orange */
  --tld-bitcoin:    #F7931A; /* btc-orange */
  --tld-pod:        #76FF03; /* green */
  --tld-go:         #18FFFF; /* aqua */
  --tld-altimist:   #B388FF; /* lavender */
  --tld-default:    var(--accent);

  /* Status */
  --danger:       #FF4D6D;
  --success:      #5BE49B;

  /* Type */
  --font-sans:    'Space Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --font-serif:   'Instrument Serif', 'Fraunces', Georgia, 'Times New Roman', serif;

  --fs-100: 0.75rem;
  --fs-200: 0.875rem;
  --fs-300: 1rem;
  --fs-400: 1.125rem;
  --fs-500: 1.375rem;
  --fs-600: 1.75rem;
  --fs-700: 2.25rem;
  --fs-800: 3rem;
  --fs-900: clamp(2.75rem, 8vw, 5.75rem);

  /* Space (4px base) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Radii */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   18px;
  --radius-pill: 999px;

  /* Effects */
  --shadow-1: 0 1px 0 rgba(255, 220, 180, 0.04) inset, 0 8px 24px rgba(0,0,0,0.4);
  --shadow-2: 0 1px 0 rgba(255, 220, 180, 0.06) inset, 0 24px 48px rgba(0,0,0,0.55);
  --shadow-flame: 0 0 28px rgba(255, 106, 26, 0.35), 0 0 80px rgba(255, 61, 110, 0.20);

  /* Motion */
  --ease:        cubic-bezier(0.22, 1, 0.36, 1);
  --duration-1:  150ms;
  --duration-2:  280ms;
  --duration-3:  520ms;

  /* Layout */
  --max-w:       1240px;
  --gutter:      clamp(1rem, 3vw, 2rem);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}