/* Theme Customization - Override style_1.css variables */
/* Users can customize their theme by modifying only these essential variables */

:root {
    
    /* Typography - Change font family and base size */
    --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    --font-mono: 'Monaco', 'Courier New', monospace;

    /* Optional: Border Radius Style - Adjust corner roundness */
    --r-scale: 1; /* Multiply all radius values: 0.5 = more square, 2 = more rounded */
}

/* Apply custom font to body */
body { font-family: var(--font); }
code, pre { font-family: var(--font-mono); }

/* Apply radius scale if customized */
@supports (--r-scale: 1) {
    :root {
        --r1: calc(0.25rem * var(--r-scale));
        --r2: calc(0.375rem * var(--r-scale));
        --r3: calc(0.5rem * var(--r-scale));
        --r4: calc(0.75rem * var(--r-scale));
        --r5: calc(1rem * var(--r-scale));
    }
}

/* Example Theme Presets - Uncomment one to use */

/* Purple Theme */
/*
:root {
    --a1: #7c3aed;
    --a1l: #8b5cf6;
    --a1d: #6d28d9;
    --a2: #a78bfa;
    --a3: #ec4899;
}
*/

/* Green Nature Theme */
/*
:root {
    --a1: #059669;
    --a1l: #10b981;
    --a1d: #047857;
    --a2: #6ee7b7;
    --a3: #fbbf24;
    --font: 'Georgia', serif;
}
*/

/* Dark Professional Theme */
/*
:root {
    --a1: #0ea5e9;
    --a1l: #38bdf8;
    --a1d: #0284c7;
    --a2: #475569;
    --a3: #f97316;
    --font: 'SF Pro Display', -apple-system, sans-serif;
    --r-scale: 0.5;
}
*/

/* Pink Soft Theme */
/*
:root {
    --a1: #ec4899;
    --a1l: #f472b6;
    --a1d: #db2777;
    --a2: #f9a8d4;
    --a3: #a78bfa;
    --font: 'Comic Sans MS', cursive;
    --r-scale: 2;
}
*/

/* Corporate Blue Theme */
/*
:root {
    --a1: #1e40af;
    --a1l: #3b82f6;
    --a1d: #1e3a8a;
    --a2: #64748b;
    --a3: #0891b2;
    --font: 'Arial', sans-serif;
    --font-size: 14px;
}
*/