/* Theme System using CSS Variables */

/* Light Teal Theme (Default) */
:root, [data-theme="light-teal"] {
    /* Primary Colors */
    --primary-accent: #35eff9e9;
    --primary-accent-light: rgba(45, 212, 191, 0.2);
    --primary-accent-lighter: rgba(45, 212, 191, 0.15);
    --primary-accent-lightest: rgba(45, 212, 191, 0.08);
    --primary-accent-hover: rgba(45, 212, 191, 0.4);

    /* Background Colors */
    --bg-gradient-start: #0a4d5c;
    --bg-gradient-end: #0d7a94;
    --bg-card: #ffffff;
    --bg-filter: rgba(255, 255, 255, 0.95);
    --bg-chart: rgba(240, 253, 250, 0.8);
    --bg-table-header: #f0fdfa;
    --bg-select: rgba(45, 212, 191, 0.2);
    --bg-select-option: #ffffff;

    /* Text Colors */
    --text-primary: #0f172a;
    --text-secondary: #0d9488;

    /* Border Colors */
    --border-primary: #2dd4bf;
    --border-secondary: rgba(45, 212, 191, 0.2);

    /* Logo Colors */
    --logo-primary: #2dd4bf;
    --logo-secondary: #64748b;

    /* Chart Colors */
    --chart-line: #2dd4bf;
    --chart-fill: rgba(45, 212, 191, 0.1);
}

/* Gold Theme */
[data-theme="gold"] {
    /* Primary Colors */
    --primary-accent: #C9B388;
    --primary-accent-light: rgba(201, 179, 136, 0.2);
    --primary-accent-lighter: rgba(201, 179, 136, 0.15);
    --primary-accent-lightest: rgba(201, 179, 136, 0.08);
    --primary-accent-hover: rgba(201, 179, 136, 0.4);

    /* Background Colors */
    --bg-gradient-start: #000000;
    --bg-gradient-end: #1a1a1a;
    --bg-card: #1a1a1a;
    --bg-filter: rgba(0, 0, 0, 0.7);
    --bg-chart: rgba(30, 30, 30, 0.5);
    --bg-table-header: #1a1a1a;
    --bg-select: rgba(201, 179, 136, 0.15);
    --bg-select-option: #000000;

    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #C9B388;

    /* Border Colors */
    --border-primary: #C9B388;
    --border-secondary: rgba(201, 179, 136, 0.2);

    /* Logo Colors */
    --logo-primary: #C9B388;
    --logo-secondary: #666666;

    /* Chart Colors */
    --chart-line: #C9B388;
    --chart-fill: rgba(201, 179, 136, 0.1);
}

/* Teal Theme */
[data-theme="teal"] {
    /* Primary Colors */
    --primary-accent: #2dd4bf;
    --primary-accent-light: rgba(45, 212, 191, 0.2);
    --primary-accent-lighter: rgba(45, 212, 191, 0.15);
    --primary-accent-lightest: rgba(45, 212, 191, 0.08);
    --primary-accent-hover: rgba(45, 212, 191, 0.4);

    /* Background Colors */
    --bg-gradient-start: #0a4d5c;
    --bg-gradient-end: #0d7a94;
    --bg-card: #0a4d5c;
    --bg-filter: rgba(0, 0, 0, 0.4);
    --bg-chart: rgba(13, 122, 148, 0.3);
    --bg-table-header: #0d7a94;
    --bg-select: rgba(45, 212, 191, 0.2);
    --bg-select-option: #0a4d5c;

    /* Text Colors */
    --text-primary: #ffffff;
    --text-secondary: #a0d9e8;

    /* Border Colors */
    --border-primary: #2dd4bf;
    --border-secondary: rgba(45, 212, 191, 0.2);

    /* Logo Colors */
    --logo-primary: #2dd4bf;
    --logo-secondary: #0a4d5c;

    /* Chart Colors */
    --chart-line: #2dd4bf;
    --chart-fill: rgba(45, 212, 191, 0.1);
}

/* Apply theme to body background */
body {
    background: linear-gradient(135deg, var(--bg-gradient-start) 0%, var(--bg-gradient-end) 100%);
}