:root {
  /* Fondos — escala oscura con ligero tinte azul-negro */
  --bg-base:    #050508;
  --bg-surface: #0C0C12;
  --bg-deep:    #09090E;

  /* Bordes — imperceptibles pero presentes */
  --border:     rgba(255, 255, 255, 0.07);
  --border-mid: rgba(255, 255, 255, 0.12);
  --border-strong: rgba(255, 255, 255, 0.20);

  /* Texto */
  --text-primary:   #F0EDE8;
  --text-secondary: rgba(240, 237, 232, 0.45);
  --text-muted:     rgba(240, 237, 232, 0.22);
  --text-hint:      rgba(240, 237, 232, 0.15);

  /* Acento — un solo color, usado con precisión quirúrgica */
  --accent:     #00D97E;
  --accent-dim: rgba(0, 217, 126, 0.10);
  --accent-mid: rgba(0, 217, 126, 0.25);

  /* Espaciado base */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --space-2xl: 64px;

  /* Radios */
  --radius-sm: 4px;
  --radius-md: 7px;
  --radius-lg: 10px;
  --radius-xl: 14px;

  /* Fonts */
  --font-display: 'Syne', 'Helvetica Neue', sans-serif;
  --font-body: 'Figtree', 'Helvetica Neue', sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;
}