/* ============================================================
   tokens.css — Design tokens y variables globales
   Calandria Mora © 2025
   ============================================================ */

:root {
  /* Colores base */
  --cm-deep:    #0D0F1A;
  --cm-navy:    #111628;
  --cm-card:    #161B32;
  --cm-border:  rgba(255, 255, 255, 0.07);

  /* Paleta de acento */
  --cm-violet:  #7B5CF0;
  --cm-indigo:  #4F46E5;
  --cm-teal:    #2DD4BF;
  --cm-rose:    #F43F8C;

  /* Texto */
  --cm-text:    #E8EAF6;
  --cm-muted:   #7E85A3;

  /* Gradientes */
  --cm-grad:    linear-gradient(135deg, #7B5CF0, #4F46E5, #2DD4BF);
  --cm-grad-r:  linear-gradient(135deg, #2DD4BF, #4F46E5, #7B5CF0);

  /* Tipografía */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-body:    'Sora', sans-serif;
  --font-mono:    'Courier New', Courier, monospace;

  /* Espaciado */
  --section-py: 100px;

  /* Bordes */
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  20px;
  --radius-xl:  28px;

  /* Sombras */
  --shadow-card: 0 20px 60px rgba(0, 0, 0, 0.3);
  --shadow-glow: 0 0 24px rgba(123, 92, 240, 0.25);
}