/* Tokens del sistema de diseño — derivados del escudo episcopal.
   Ver design/VISUAL_IDENTITY.md */

:root {
  /* Colores primarios */
  --green-diocesis: #0F7A3F;
  --green-deep:     #0A5C2F;
  --green-soft:     #E8F3EC;
  --gold-diocesis:  #F5C842;
  --gold-deep:      #C9A227;

  /* Acentos */
  --orchid: #C83980;
  --wood:   #6B4226;

  /* Neutros */
  --ink:    #1E2C24;
  --text:   #3B4640;
  --muted:  #7A857F;
  --cream:  #FAF7F0;
  --paper:  #FFFFFF;
  --line:   #E5E0D2;

  /* Estados */
  --success: #2E7D32;
  --warning: #E08600;
  --danger:  #C62828;

  /* Tipografía */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-cinzel:  'Cinzel', serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;

  /* Espacios (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* Radios */
  --radius-sm:   6px;
  --radius-md:   12px;
  --radius-lg:   24px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-1: 0 1px 2px rgba(15, 122, 63, .08);
  --shadow-2: 0 8px 24px rgba(15, 122, 63, .10);
  --shadow-3: 0 20px 48px rgba(15, 122, 63, .18);

  /* Layout */
  --container: 1200px;
}