:root{
    --aicode-surface: #EEEEEE;
    --aicode-surface-light: #FAFAFA;
    --aicode-surface-dark: #7C7C7C;

    --aicode-primary: #1f1f1f;
    --aicode-primary-light: #8b8b8b;
    --aicode-primary-dark: #151515;

    --aicode-secondary: #64db96;
    --aicode-secondary-light: #aeecc8;
    --aicode-secondary-dark: #449566;

    --aicode-tertiary: #155e34;
    --aicode-tertiary-light: #85ab95;
    --aicode-tertiary-dark: #0e4023;

    --aicode-error: #f44336;
    --aicode-error-light: #f87f76;
    --aicode-error-dark: #cd382d;

    --aicode-warning: #f9a849;
    --aicode-warning-light: #FBC483;
    --aicode-warning-dark: #a97232;

    --aicode-success: #6cc068;
    --aicode-success-light: #9bd498;
    --aicode-success-dark: #498347;

    --aicode-info: #79cfdc;
    --aicode-info-light: #a4dee7;
    --aicode-info-dark: #528d96;
}

:root{
    --bg-primary: var(--aicode-surface);
    --bg-light: white;
    --bg-secondary: #e9e9e9;
    --bg-tertiary: #d1d1d1;
    --bg-primary2: var(--aicode-surface); 
    --text-primary: var(--aicode-primary);
    --text-secondary: #252525;
    --text-primary2: var(--aicode-primary);
    --text-info: var(--aicode-info-dark);
    --text-info-light: var(--aicode-info);
    --green-primary: var(--aicode-tertiary);
    --yellow-primary: var(--aicode-warning-dark);
    --brightness-filter: 1.3; 
    --fonts: Manrope, "Public Sans", sans-serif;
    --filters-caption-border: none !important;
    --a-color: var(--aicode-info-dark);
    --red-primary: var(--aicode-error-dark);
    --button-primary: white;
}

.dark-theme{
    --bg-primary: var(--aicode-primary);
    --bg-light: var(--aicode-surface);
    --bg-secondary: #252525;
    --bg-tertiary: #434343;
    --bg-primary2: var(--aicode-surface);
    --text-primary: var(--aicode-surface);
    --text-secondary: #dcdcdc;
    --text-primary2: var(--aicode-primary);
    --text-info: var(--aicode-info);
    --text-info-light: var(--aicode-info-light);
    --green-primary: var(--aicode-secondary); 
    --yellow-primary: var(--aicode-warning-light);
    --brightness-filter: 1.5;
    --fonts: Hero_font, "Noto Emoji", sans-serif;
    --filters-caption-border: none !important;
    --a-color: var(--aicode-info);
    --red-primary: var(--aicode-error);
    --button-primary: var(--aicode-primary);
}

.ocean-theme{
    --bg-primary: #0f172a;
    --bg-light: #eeeeee;
    --bg-secondary: #334155;
    --bg-tertiary: #475569;
    --bg-primary2: #e2e8f0;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-primary2: #0f172a;
    --text-info: #38bdf8;
    --text-info-light: #7dd3fc;
    --green-primary: #06b6d4;
    --yellow-primary: #fbbf24;
    --brightness-filter: 1.4;
    --fonts: Manrope, "Public Sans", sans-serif;
    --filters-caption-border: none !important;
    --a-color: #38bdf8;
    --red-primary: #ef4444;
    --button-primary: #1e293b;
}