:root {
  /* Typography */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;

  /* Type scale */
  --text-hero:     clamp(3rem, 6vw + 1rem, 5.5rem);
  --text-h1:        clamp(2.25rem, 4vw + 1rem, 3.5rem);
  --text-h2:        clamp(1.75rem, 2vw + 1rem, 2.25rem);
  --text-h3:        1.35rem;
  --text-body-lg:   1.1875rem;
  --text-body:      1.0625rem;
  --text-small:     0.9375rem;
  --text-micro:     0.8125rem;

  /* Canvas & text */
  --color-bg:          #FFFFFF;
  --color-bg-subtle:   #F5F5F7;
  --color-bg-glass:    rgba(255, 255, 255, 0.72);
  --color-text:        #1D1D1F;
  --color-text-muted:  #6E6E73;
  --color-border:      #D2D2D7;

  /* Accent */
  --color-accent:      #0067C5;
  --color-accent-hover:#0051A3;
  --color-accent-tint: #E8F1FB;

  /* Semantic */
  --color-status-live:      #1D7A46;
  --color-status-progress:  #B25E09;

  /* Spacing */
  --space-1: 0.5rem;   /* 8px */
  --space-2: 1rem;     /* 16px */
  --space-3: 1.5rem;   /* 24px */
  --space-4: 2rem;     /* 32px */
  --space-5: 3rem;     /* 48px */
  --space-6: 5rem;     /* 80px */
  --space-7: 8rem;     /* 128px */

  /* Layout / grid */
  --content-width-text: 44rem;
  --content-width-wide: 76rem;
  
  /* Premium UI Elements */
  --radius-card: 18px;
  --radius-chip: 8px;
  --radius-btn:  999px; /* Pill buttons look more premium */
  
  --shadow-sm:   0 1px 2px rgba(0,0,0,0.04);
  --shadow-card: 0 4px 14px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-hover:0 12px 32px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring:   cubic-bezier(0.175, 0.885, 0.32, 1.05); /* slightly bouncy */
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-reveal: 600ms;
}

[data-theme="dark"] {
  --color-bg:          #000000;
  --color-bg-subtle:   #1C1C1E;
  --color-bg-glass:    rgba(0, 0, 0, 0.72);
  --color-text:        #F5F5F7;
  --color-text-muted:  #86868B;
  --color-border:      #333336;
  --color-accent:      #2997FF;
  --color-accent-hover:#5AB0FF;
  --color-accent-tint: #0A2948;
}