:root {
  /* Colors */
  --bg-primary:    #0A0E1A;
  --bg-secondary:  #0D1426;
  --accent-orange: #FF6B00;
  --accent-blue:   #2563EB;
  --accent-blue-lt:#3B82F6;
  --text-primary:  #FFFFFF;
  --text-secondary:#94A3B8;
  --card-border:   rgba(255,255,255,0.08);
  --ph-bg:         #2A2E38;
  --ph-fg:         #6B7280;

  /* Typography */
  --font-display: 'Clash Display', sans-serif;
  --font-body:    'Satoshi', sans-serif;

  --text-xs:   clamp(0.75rem,  1.5vw, 0.875rem);
  --text-sm:   clamp(0.875rem, 2vw,   1rem);
  --text-base: clamp(1rem,     2.5vw, 1.125rem);
  --text-lg:   clamp(1.125rem, 2.5vw, 1.375rem);
  --text-xl:   clamp(1.25rem,  3vw,   1.5rem);
  --text-2xl:  clamp(1.5rem,   3.5vw, 2rem);
  --text-3xl:  clamp(2rem,     4.5vw, 2.75rem);
  --text-4xl:  clamp(2.5rem,   5.5vw, 3.5rem);
  --text-hero: clamp(3rem,     7vw,   5.5rem);

  /* Spacing */
  --section-py:   clamp(4rem, 8vw, 8rem);
  --container-px: clamp(1.25rem, 4vw, 2rem);
  --max-width:    1280px;
  --gap-cards:    clamp(1rem, 2vw, 1.5rem);
  --radius-card:  12px;
  --radius-sm:    8px;
}

/* ── Tema Claro ─────────────────────────────────────── */
[data-theme="light"] {
  --bg-primary:    #F0F4FF;
  --bg-secondary:  #E4EAF8;
  --text-primary:  #0A0E1A;
  --text-secondary:#48587A;
  --card-border:   rgba(0,0,0,0.08);
  --ph-bg:         #C8D4EC;
  --ph-fg:         #7A8AAE;
}