/* ==========================================================================
   DERYA & CHARLES — DESIGN TOKENS
   Aesthetic: Borrowed from Aramızda / Rıhtım ve Kozmik Deniz
   Palette: Ebru Navy, Deep Slate, Ebru Teal, Antique Venetian Gold & Parchment
   Tone: Serene, Dignified, Understated Luxury & Quiet Confidence
   ========================================================================== */

:root {
  /* Surface & Background Palette (Ebru Deep Waters) */
  --bg-primary: #0a1118;
  --bg-secondary: #101c2a;
  --bg-tertiary: #162536;
  --bg-card: rgba(16, 28, 42, 0.88);
  --bg-card-hover: rgba(22, 37, 54, 0.95);
  --bg-glass: rgba(10, 17, 24, 0.85);
  --bg-glass-card: rgba(16, 28, 42, 0.72);
  --border-subtle: rgba(197, 160, 89, 0.14);
  --border-medium: rgba(197, 160, 89, 0.28);
  --border-prominent: rgba(229, 193, 88, 0.45);

  /* Typography Colors */
  --text-primary: #f5eedb;       /* Warm parchment */
  --text-secondary: #b8c5d3;     /* Soft slate */
  --text-muted: #798c9f;         /* Faded slate */
  --text-gold: #e5c158;          /* Bright warm gold */
  --text-parchment: #fbf7ee;

  /* Aramızda Venetian & Ebru Gold */
  --gold-bright: #e5c158;
  --gold-base: #c5a059;
  --gold-dark: #8f6c2c;
  --gold-faint: rgba(197, 160, 89, 0.18);
  --gold-border: rgba(197, 160, 89, 0.38);
  --gold-glow: rgba(229, 193, 88, 0.25);

  /* Calibrated Status Colors (Muted & Harmonious) */
  --status-on-track: #52c49c;
  --status-on-track-bg: rgba(82, 196, 156, 0.12);
  --status-attention: #e0a348;
  --status-attention-bg: rgba(224, 163, 72, 0.12);
  --status-risk: #e06c75;
  --status-risk-bg: rgba(224, 108, 117, 0.12);
  --status-external: #61afef;
  --status-external-bg: rgba(97, 175, 239, 0.12);
  --status-pending: #798c9f;
  --status-pending-bg: rgba(121, 140, 159, 0.12);

  /* Workstream Colors (Harmonious Ebru & Gemstone Tones) */
  --ws-move: #61afef;           /* Clear Aegean Blue */
  --ws-marriage: #c678dd;       /* Amethyst Silk */
  --ws-relationship: #e06c75;   /* Rose Quartz & Garnet */
  --ws-pr: #e5c158;             /* Venetian Gold */
  --ws-owp: #52c49c;            /* Emerald Sage */
  --ws-status: #e5a060;         /* Amber Shield Vigilance */
  --ws-contingency: #e5a060;     /* Amber Horizon */

  /* Typography */
  --font-serif-title: 'Playfair Display', Georgia, serif;
  --font-serif-sub: 'Cormorant Garamond', Garamond, serif;
  --font-classical: 'Cinzel', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Shadows & Depth */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 32px rgba(4, 9, 16, 0.6);
  --shadow-gold-glow: 0 0 20px rgba(229, 193, 88, 0.2);

  /* Radii */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-normal: 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  --transition-smooth: 0.45s cubic-bezier(0.25, 1, 0.5, 1);
}