/**
 * Zuah — Professional color system (original palette)
 * Midnight slate + champagne gold + soft teal
 */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&family=Noto+Nastaliq+Urdu:wght@400;700&family=Playfair+Display:wght@600;700&display=swap");

:root {
  --bg-primary: #0b1120;
  --bg-secondary: #111827;
  --bg-card: #1a2332;
  --bg-elevated: #222d3f;
  --bg-glass: rgba(241, 245, 249, 0.04);
  --bg-glass-hover: rgba(241, 245, 249, 0.07);

  --navy-deep: #0b1120;
  --navy-mid: #1a2332;
  --navy-light: #2d3a52;

  --gold-primary: #c9a961;
  --gold-light: #e8dcc4;
  --gold-dim: rgba(201, 169, 97, 0.22);
  --accent-teal: #5b9aa0;
  --accent-teal-dim: rgba(91, 154, 160, 0.14);

  --white-primary: #f1f5f9;
  --white-secondary: #94a3b8;
  --white-muted: #64748b;

  --border-glass: rgba(148, 163, 184, 0.14);
  --border-gold: rgba(201, 169, 97, 0.32);
  --border-gold-bright: rgba(201, 169, 97, 0.5);

  --success: #34d399;
  --danger: #f87171;
  --warning: #fbbf24;
  --info: #60a5fa;

  --grad-gold: linear-gradient(135deg, #b8954a 0%, #e8dcc4 48%, #a8843a 100%);
  --grad-gold-text: linear-gradient(90deg, #c9a961, #e8dcc4, #c9a961);
  --grad-aurora: var(--grad-gold);
  --grad-navy: linear-gradient(135deg, #0b1120 0%, #1a2332 100%);
  --grad-hero: linear-gradient(160deg, #0b1120 0%, #141c2e 42%, #1e2a42 100%);
  --grad-card: linear-gradient(145deg, rgba(26, 35, 50, 0.92), rgba(11, 17, 32, 0.98));

  --shadow-gold: 0 0 32px rgba(201, 169, 97, 0.14);
  --shadow-cyan: var(--shadow-gold);
  --shadow-violet: var(--shadow-gold);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.38);
  --shadow-elevated: 0 20px 50px rgba(0, 0, 0, 0.48);

  --font-ui: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-brand: 'IBM Plex Mono', 'Consolas', monospace;
  --font-urdu: 'Noto Nastaliq Urdu', serif;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;
}