/* Olux Studio design tokens — the CMS Theme tab maps onto these custom properties.
   Light is the default; the theme switcher adds .theme-dark / .theme-blue. */
:root {
    --color-primary: #e38704;
    --color-secondary: #f77315;
    --color-tertiary: #5e3802;
    --color-fore: #f8f5f2;
    --color-back: #120f14;
    --color-text: #282828;
    --color-alttext: #f0f0f0;
    --color-overlay: #ebe1d7;
    --color-overlay1: #d2c8be;
    --color-quaternary: #e99010;
    --color-penta: #fbbf24;
    --hero-min-height:  600px;
    --video-min-height: 600px;
}

.theme-dark {
    --color-primary: #4faf08;
    --color-secondary: #6ce908;
    --color-tertiary: #214a04;
    --color-fore: #e4f1c7;
    --color-back: #12160e;
    --color-text: #282828;
    --color-alttext: #f0f0f0;
    --color-overlay: #e6f0da;
    --color-overlay1: #c8d7b9;
    --color-quaternary: #50b40a;
    --color-penta: #a0e650;
}

.theme-blue {
    --color-primary: #4d0ab1;
    --color-secondary: #7d2df3;
    --color-tertiary: #5a3d85;
    --color-fore: #1e1b24;
    --color-back: #d5d4d7;
    --color-overlay: #141e46;
    --color-alttext: #f0f0f0;
    --color-text: #f0f0f0;
    --color-overlay1: #141e46;
    --color-quaternary: #2563eb;
    --color-penta: #93c5fd;
}