/* ============================================
   AL-QAND EXCHANGE — DESIGN TOKENS (CSS VARIABLES)
   ============================================ */

/* ---------- CSS Variables ---------- */
:root {
    /* Background - Warm Ivory to Soft Peach Gradient */
    --bg-top: #FFF8F1;
    --bg-mid-start: #FFEFE0;
    --bg-mid-end: #FFE3CC;
    --bg-bottom: #FFF6EC;
    
    --bg-alt: rgba(255, 236, 219, 0.6);
    --card: rgba(255, 255, 255, 0.78);
    --card-hover: rgba(255, 244, 232, 0.92);
    --line: rgba(230, 81, 0, 0.2);
    
    /* Text Colors */
    --ink: #000000;
    --ink-soft: rgba(0, 0, 0, 0.75);
    --ink-muted: rgba(0, 0, 0, 0.55);
    
    /* Accent Colors - Refined Flame Orange */
    --orange: #E85D04;
    --orange-soft: #FF8C42;
    --orange-light: #FFB570;
    --orange-dark: #BF3F00;
    --orange-glow: rgba(232, 93, 4, 0.35);
    --orange-bg: rgba(232, 93, 4, 0.1);
    
    /* Fonts */
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-display: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-arabic: 'Almarai', 'Ara Hamah 1964 B', 'Amiri', sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;
    
    /* Transitions */
    --transition-smooth: cubic-bezier(0.22, 1, 0.36, 1);
    --transition-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}