/* ============================================
   JORNADA BÍBLICA — Design System / Theme
   Ancient aesthetic with modern touches
   ============================================ */

:root {
  /* === Primary Colors === */
  --gold: #C8A96E;
  --gold-bright: #FFD700;
  --gold-dark: #A67C3D;
  --parchment: #F4E8C1;
  --parchment-light: #FFF8E7;
  --parchment-dark: #E8D5A3;
  --brown-dark: #3E2723;
  --brown-medium: #5D4037;
  --brown-light: #8D6E63;

  /* === Secondary Colors === */
  --burgundy: #6D1A36;
  --burgundy-light: #8B2252;
  --blue-prophet: #1A3A5C;
  --blue-prophet-light: #2A5A8C;
  --olive: #5C6B3C;
  --olive-light: #7A8B5A;

  /* === Neutral Colors === */
  --cream: #FFF8E7;
  --sepia: #D4A574;
  --sepia-light: #E8C9A0;
  --black-soft: #1A1A1A;
  --black-true: #0D0D0D;
  --gray-warm: #6B5B4F;
  --gray-light: #A69585;

  /* === Accent Colors === */
  --ruby: #8B1A1A;
  --ruby-light: #B22222;
  --emerald: #2E7D32;
  --divine-light: #FFF3C4;

  /* === Semantic Colors === */
  --success: #4CAF50;
  --error: #D32F2F;
  --warning: #F9A825;
  --info: #1976D2;

  /* === Typography === */
  --font-display: 'Cinzel', 'Playfair Display', 'Georgia', serif;
  --font-body: 'Lora', 'Source Serif Pro', 'Georgia', serif;
  --font-ui: 'Inter', 'Open Sans', 'Segoe UI', sans-serif;

  --fs-hero: clamp(1.5rem, 3vw, 2.2rem);
  --fs-h1: clamp(1.15rem, 2vw, 1.5rem);
  --fs-h2: clamp(1rem, 1.6vw, 1.25rem);
  --fs-h3: clamp(0.85rem, 1.2vw, 1rem);
  --fs-body: clamp(0.8rem, 1vw, 0.9rem);
  --fs-small: clamp(0.7rem, 0.85vw, 0.8rem);
  --fs-tiny: clamp(0.6rem, 0.7vw, 0.7rem);

  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  /* === Spacing === */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* === Borders & Radius === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-round: 50%;

  --border-thin: 1px solid var(--gold-dark);
  --border-medium: 2px solid var(--gold);
  --border-ornate: 3px double var(--gold);

  /* === Shadows === */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 20px rgba(200, 169, 110, 0.3);
  --shadow-divine: 0 0 40px rgba(255, 215, 0, 0.2);
  --shadow-inset: inset 0 2px 8px rgba(0, 0, 0, 0.2);

  /* === Transitions === */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
  --transition-dramatic: 800ms cubic-bezier(0.4, 0, 0.2, 1);

  /* === Z-Index Scale === */
  --z-background: -1;
  --z-base: 0;
  --z-content: 10;
  --z-overlay: 100;
  --z-modal: 200;
  --z-notification: 300;
  --z-particles: 50;
  --z-hud: 150;

  /* === Layout === */
  --max-width: 860px;
  --game-max-width: 640px;
  --sidebar-width: 260px;
  --content-max-width: 500px;
}