/**
 * ISSA SALEM DESIGN SYSTEM TOKENS & MASTER VARIABLES
 * Luxury Dark Architectural Aesthetic, High-Contrast Gold Accents & Glassmorphism
 */

:root {
  /* Color System */
  --bg-primary: #050508;
  --bg-surface: #0c0d15;
  --bg-card: rgba(15, 17, 28, 0.72);
  --bg-card-hover: rgba(24, 27, 44, 0.88);
  --bg-elevated: #151827;
  --bg-pill: rgba(255, 255, 255, 0.05);

  /* Signature Accents */
  --accent-gold: #e5b869;
  --accent-gold-light: #f5d77f;
  --accent-gold-dark: #b88a38;
  --accent-gold-glow: rgba(229, 184, 105, 0.28);
  --accent-violet: #7952ff;
  --accent-violet-glow: rgba(121, 82, 255, 0.25);
  --accent-cyan: #00e5ff;
  --accent-cyan-glow: rgba(0, 229, 255, 0.22);
  --accent-emerald: #10b981;

  /* Typography Colors */
  --text-primary: #ffffff;
  --text-secondary: #c0c5d6;
  --text-muted: #7e849b;
  --text-dim: #4d5267;

  /* Borders & Dividers */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-medium: rgba(255, 255, 255, 0.14);
  --border-gold: rgba(229, 184, 105, 0.35);
  --border-gold-hover: rgba(229, 184, 105, 0.75);

  /* Fonts */
  --font-arabic: 'IBM Plex Sans Arabic', 'Cairo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-latin: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Syne', 'IBM Plex Sans Arabic', sans-serif;

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.7s cubic-bezier(0.16, 1, 0.3, 1);

  /* Border Radii */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-full: 9999px;

  /* Shadows & Elevations */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.65);
  --shadow-gold: 0 10px 40px rgba(229, 184, 105, 0.22);
  --shadow-glow: 0 0 50px rgba(121, 82, 255, 0.18);

  /* Layout */
  --container-max: 1360px;
  --header-height: 80px;
}