/* ═══════════════════════════════════════════════
   DocMarocSAAS — Design Tokens
═══════════════════════════════════════════════ */
:root {
    /* Core colors */
    --navy: #07142A;
    --navy-mid: #0D2247;
    --navy-light: #1A3A6E;
    --navy-glow: #243e6c;
    --gold: #C8973A;
    --gold-light: #E4B85A;
    --gold-dim: rgba(200, 151, 58, 0.12);
    --gold-glow: rgba(200, 151, 58, 0.25);
    --cream: #F5F0E8;
    --cream-dim: rgba(245, 240, 232, 0.07);
    --white: #FFFFFF;
    --muted: rgba(245, 240, 232, 0.45);
    --border: rgba(200, 151, 58, 0.2);
    --border-light: rgba(255,255,255,0.06);
    --success: #2ECC71;
    --success-dim: rgba(46, 204, 113, 0.12);
    --error: #E74C3C;
    --error-dim: rgba(231, 76, 60, 0.12);
    --warning: #F39C12;
    --warning-dim: rgba(243, 156, 18, 0.12);
    --info: #3498DB;
    --info-dim: rgba(52, 152, 219, 0.12);

    /* Surfaces */
    --surface-bg: #050d1e;
    --surface-1: rgba(255,255,255, 0.03);
    --surface-2: rgba(255,255,255, 0.06);
    --surface-3: rgba(255,255,255, 0.09);
    --surface-card: rgba(13, 34, 71, 0.6);
    --surface-glass: rgba(13, 34, 71, 0.4);

    /* Radius */
    --r-sm: 6px;
    --r: 10px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 20px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.15);
    --shadow: 0 8px 32px rgba(0,0,0,0.25);
    --shadow-lg: 0 24px 60px rgba(0,0,0,0.35);
    --shadow-gold: 0 4px 20px rgba(200, 151, 58, 0.2);

    /* Typography */
    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: 'DM Mono', 'Fira Code', monospace;

    /* Sidebar */
    --sidebar-width: 260px;
    --header-height: 64px;

    /* Transitions */
    --ease: cubic-bezier(0.4, 0, 0.2, 1);
    --duration: 0.25s;
}