/* ========================================== */
/* ObriyX Presentations - Design Variables */
/* Color palettes, typography scales, and spacing system */
/* ========================================== */

/* Design Tokens - Dark Mode (Default) */
:root {
    /* ---- Primary Colors - Dark Mode ---- */
    --primary-color: #00d4ff;
    --secondary-color: #0099cc;
    --accent-color: #a78bfa;
    --bg-dark: #0a0e1a;
    --bg-darker: #050711;
    --text-primary: #ffffff;
    --text-secondary: #94a3b8;
    
    /* ---- Semantic Colors - Dark Mode ---- */
    --color-success: #10b981;  /* Emerald for positive metrics */
    --color-info: #0799b3;     /* Cyan for information */
    --color-warning: #f59e0b;  /* Amber for caution */
    --color-danger: #ef4444;   /* Red for risks */
    
    /* ---- Layout & Dimensions ---- */
    --reveal-width: 1280px;
    --reveal-height: 720px;
    --border-radius: 8px;
    --padding-lg: 3rem;
    --padding-md: 2rem;
    --padding-sm: 1.5rem;
    --gap-md: 2rem;
    --gap-sm: 1.5rem;
    
    /* ---- Transitions ---- */
    --transition-fast: 0.3s ease;
    --transition-standard: 0.5s ease;
}

/* Design Tokens - Light Mode */
body.light-mode {
    /* ---- Primary Colors - Light Mode ---- */
    --primary-color: #45818e;
    --secondary-color: #2a5a66;
    --bg-dark: #1a1a1a;
    --bg-darker: #0f0f0f;
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    
    /* ---- Semantic Colors - Light Mode ---- */
    --color-success: #059669;
    --color-info: #0891b2;
    --color-warning: #d97706;
    --color-danger: #dc2626;
}