/* ==========================================================================
   E-ORGANISTA - DESIGN SYSTEM & DESIGN TOKENS
   Aesthetics: Deep Cathedral Obsidian & Majestic Gold Glassmorphism
   ========================================================================== */

:root {
  /* Brand Palette: Majestic Church Gold */
  --gold-50:  #FFFDF0;
  --gold-100: #FFF8C5;
  --gold-200: #FDE68A;
  --gold-300: #FCD34D;
  --gold-400: #F59E0B;
  --gold-500: #D4AF37; /* Primary Liturgical Gold */
  --gold-600: #B48E1D;
  --gold-700: #8E6D10;
  --gold-glow: rgba(212, 175, 55, 0.35);
  --gold-glow-subtle: rgba(212, 175, 55, 0.12);

  /* Background Palette: Cathedral Darkness */
  --bg-abyss: #07090F;
  --bg-main:  #0B0F19;
  --bg-surface: #111827;
  --bg-surface-elevated: #182238;
  --bg-glass: rgba(17, 24, 39, 0.72);
  --bg-glass-card: rgba(24, 34, 56, 0.65);
  --bg-glass-hover: rgba(33, 46, 75, 0.8);

  /* Block Role Colors */
  --color-wstep: #10B981;        /* Emerald / Teal */
  --color-wstep-bg: rgba(16, 185, 129, 0.12);
  --color-zwrotka: #D4AF37;      /* Noble Gold */
  --color-zwrotka-bg: rgba(212, 175, 55, 0.12);
  --color-refren: #A855F7;       /* Violet / Purple */
  --color-refren-bg: rgba(168, 85, 247, 0.12);
  --color-zakonczenie: #F97316;  /* Warm Amber / Sunset */
  --color-zakonczenie-bg: rgba(249, 115, 22, 0.12);

  /* Text & Accents */
  --text-primary: #F8FAFC;
  --text-secondary: #CBD5E1;
  --text-muted: #94A3B8;
  --text-dark: #0F172A;

  /* Borders & Glass */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-glass: rgba(212, 175, 55, 0.22);
  --border-glass-bright: rgba(212, 175, 55, 0.5);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.75);
  --shadow-gold: 0 0 28px var(--gold-glow);

  /* Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  /* Typography */
  --font-display: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* Transitions */
  --transition-quick: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}