/*
 * Theme: Teal
 * Primary: Teal #52A1AC | App Primary: #29747E | Secondary: Green #BDE57A
 * Cool aquatic pairing - calm, professional, refreshing.
 */

/* ===== Light Mode ===== */
[data-theme="teal"] {
    --iats-brand-primary: #29747E;
    --iats-brand-primary-hover: #0E5660;
    --iats-brand-secondary: #BDE57A;
    --iats-logo-primary: #52A1AC;
    --iats-logo-secondary: #9CD33D;

    --iats-bg-body: #ffffff;
    --iats-bg-surface: var(--iats-bg-body);
    --iats-bg-surface-raised: #f5f5f5;
    --iats-bg-surface-sunken: #f5fafa;
    --iats-bg-sidebar: var(--iats-bg-body);
    --iats-bg-topbar: #f5fafa;
    --iats-bg-overlay: rgba(3, 54, 61, 0.2);
    --iats-bg-login-card: var(--iats-bg-body);

    --iats-text-primary: var(--iats-neutral-gray-darkest);
    --iats-text-secondary: #666666;
    --iats-text-tertiary: #7b7b7b;
    --iats-text-inverse: var(--iats-neutral-white);
    --iats-text-link: var(--iats-brand-primary);
    --iats-text-link-hover: var(--iats-brand-primary-hover);
    --iats-text-heading: var(--iats-neutral-black);

    --iats-btn-primary-bg: var(--iats-brand-primary);
    --iats-btn-primary-border: var(--iats-brand-primary);
    --iats-btn-primary-text: var(--iats-text-inverse);
    --iats-btn-primary-hover-bg: var(--iats-brand-primary-hover);
    --iats-btn-primary-hover-border: var(--iats-brand-primary-hover);
    --iats-btn-secondary-bg: var(--iats-bg-body);
    --iats-btn-secondary-border: var(--iats-brand-primary);
    --iats-btn-secondary-text: var(--iats-brand-primary);
    --iats-btn-secondary-hover-bg: #edf7f8;
    --iats-btn-danger-bg: #FF6D6D;
    --iats-btn-danger-hover-bg: #e55a5a;
    --iats-btn-danger-text: var(--iats-text-inverse);

    --iats-input-bg: var(--iats-bg-body);
    --iats-input-border: #bfbfbf;
    --iats-input-text: var(--iats-text-primary);
    --iats-input-placeholder: var(--iats-text-tertiary);
    --iats-input-focus-border: var(--iats-brand-primary);
    --iats-input-focus-ring: #6DB6C0;

    --iats-border-default: #d6d5d5;
    --iats-border-light: #edf1f4;
    --iats-border-input: #929292;

    --iats-nav-text: var(--iats-brand-primary);
    --iats-nav-text-active: var(--iats-nav-text);
    --iats-nav-active-bg: var(--iats-accent-primary-light);
    --iats-nav-active-bar: var(--iats-brand-primary);
    --iats-nav-hover-bg: rgba(41, 116, 126, 0.08);

    --iats-sidebar-border-color: var(--iats-border-default);
    --iats-sidebar-brand-bg: transparent;
    --iats-sidebar-close-bg: rgba(0, 0, 0, 0.06);
    --iats-sidebar-close-color: var(--iats-text-secondary);
    --iats-sidebar-close-hover-bg: rgba(0, 0, 0, 0.12);
    --iats-sidebar-close-hover-color: var(--iats-text-primary);
    --iats-sidebar-footer-border: var(--iats-border-light);
    --iats-sidebar-version-color: var(--iats-text-tertiary);
    --iats-sidebar-link-color: var(--iats-text-secondary);
    --iats-sidebar-link-hover-color: var(--iats-text-primary);
    --iats-sidebar-link-separator-color: var(--iats-text-tertiary);
    --iats-sidebar-heading-color: var(--iats-text-tertiary);

    --iats-accent-primary: var(--iats-brand-primary);
    --iats-accent-primary-hover: var(--iats-brand-primary-hover);
    --iats-accent-primary-light: rgba(41, 116, 126, 0.12);
    --iats-accent-continue-bg: var(--iats-brand-primary-hover);
    --iats-accent-continue-hover: #29747E;

    --iats-scrollbar-thumb: var(--iats-text-tertiary);
    --iats-scrollbar-track: var(--iats-bg-surface-raised);

    --iats-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.08);
    --iats-shadow-md: 0 10px 25px rgba(0, 0, 0, 0.2);
    --iats-shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.18);

    --iats-content-color: #6DB6C0;
    --iats-secondary-link: #9CD33D;
    --iats-highlight: #F1FCE1;

    --iats-status-error-bg: #fef2f2;
    --iats-status-error-border: #fecaca;
    --iats-status-error-text: #991b1b;
    --iats-status-success-bg: #f0fdf4;
    --iats-status-success-border: #bbf7d0;
    --iats-status-success-text: #166534;
    --iats-status-warning-bg: #fffbeb;
    --iats-status-warning-border: #fde68a;
    --iats-status-warning-text: #92400e;
    --iats-status-info-bg: #eff6ff;
    --iats-status-info-border: #bfdbfe;
    --iats-status-info-text: #1e40af;

    /* ===== Color Palette Tokens ===== */
    --iats-primary-tone-0: #03363D;
    --iats-primary-tone-10: #0E5660;
    --iats-primary-tone-20: #29747E;
    --iats-primary-tone-30: #52A1AC;
    --iats-primary-tone-40: #6DB6C0;
    --iats-primary-tone-50: #92D0D9;
    --iats-primary-tone-80: #BAE6ED;
    --iats-primary-tone-100: #D7FAFF;

    --iats-secondary-tone-0: #73A71A;
    --iats-secondary-tone-10: #9CD33D;
    --iats-secondary-tone-20: #BDE57A;
    --iats-secondary-tone-30: #D1EFA0;
    --iats-secondary-tone-40: #E4F9C4;
    --iats-secondary-tone-80: #F1FCE1;
    --iats-secondary-tone-100: #FCFFF6;

    --iats-tertiary-tone-0: #6A7C62;
    --iats-tertiary-tone-10: #8DA881;
    --iats-tertiary-tone-20: #B3DDA0;
    --iats-tertiary-tone-30: #CBEFBB;
    --iats-tertiary-tone-40: #E3F3DC;
    --iats-tertiary-tone-50: #DBE4D7;

    --iats-gender-male: #9BE6F0;
    --iats-gender-female: #F9AEC5;
    --iats-gender-unspecified: #FDEC79;

    --iats-label-warning: #C55A12;
    --iats-label-bad: #F4B183;
    --iats-label-normal: #FFE699;
    --iats-label-good: #D6E9C9;
    --iats-label-excellent: #548235;

    --iats-notify-link: #0158DB;
    --iats-notify-error: #FF6D6D;
    --iats-notify-warning: #FFB800;
    --iats-notify-success: #5FC88F;

    --iats-neutral-white: #FFFFFF;
    --iats-neutral-black: #000000;
    --iats-neutral-gray-lightest: #F9F9F9;
    --iats-neutral-gray-darkest: #1C1C1C;
}

/* ===== Dark Mode ===== */
    [data-theme="teal"][data-theme-mode="dark"] {
        --iats-logo-primary: #52A1AC;
        --iats-logo-secondary: #9CD33D;
        --iats-bg-body: var(--iats-neutral-gray-darkest);
        --iats-bg-surface: #222222;
        --iats-bg-surface-raised: #2a2a2a;
        --iats-bg-surface-sunken: #1a1a1a;
        --iats-bg-sidebar: var(--iats-bg-body);
        --iats-bg-topbar: var(--iats-bg-body);
        --iats-bg-overlay: rgba(0, 0, 0, 0.6);
        --iats-bg-login-card: var(--iats-bg-surface);
        --iats-text-primary: #e0f0f2;
        --iats-text-secondary: #a8cfd4;
        --iats-text-tertiary: #7aafb6;
        --iats-text-inverse: var(--iats-neutral-white);
        --iats-text-link: #6DB6C0;
        --iats-text-link-hover: #95d1d9;
        --iats-text-heading: #f0f9fa;
        --iats-btn-primary-bg: #29747E;
        --iats-btn-primary-border: var(--iats-btn-primary-bg);
        --iats-btn-primary-text: var(--iats-text-inverse);
        --iats-btn-primary-hover-bg: #3A9AA6;
        --iats-btn-primary-hover-border: var(--iats-btn-primary-hover-bg);
        --iats-btn-secondary-bg: #163234;
        --iats-btn-secondary-border: #6DB6C0;
        --iats-btn-secondary-text: #6DB6C0;
        --iats-btn-secondary-hover-bg: #1e3f42;
        --iats-btn-danger-bg: #c53030;
        --iats-btn-danger-hover-bg: #e53e3e;
        --iats-btn-danger-text: var(--iats-neutral-white);
        --iats-input-bg: #1a1a1a;
        --iats-input-border: #2a5258;
        --iats-input-text: var(--iats-text-primary);
        --iats-input-placeholder: var(--iats-text-tertiary);
        --iats-input-focus-border: #6DB6C0;
        --iats-input-focus-ring: var(--iats-input-focus-border);
        --iats-border-default: #1e3f42;
        --iats-border-light: #163234;
        --iats-border-input: var(--iats-input-border);
        --iats-border-header-control: #3a6a72;
        --iats-nav-text: #52A1AC;
        --iats-nav-text-active: var(--iats-nav-text);
        --iats-nav-active-bg: #0d2e33;
        --iats-nav-active-bar: var(--iats-accent-primary);
        --iats-nav-hover-bg: rgba(255, 255, 255, 0.08);
        --iats-sidebar-border-color: transparent;
        --iats-sidebar-brand-bg: transparent;
        --iats-sidebar-close-bg: rgba(255, 255, 255, 0.1);
        --iats-sidebar-close-color: #a8cfd4;
        --iats-sidebar-close-hover-bg: rgba(255, 255, 255, 0.2);
        --iats-sidebar-close-hover-color: var(--iats-neutral-white);
        --iats-sidebar-footer-border: rgba(255, 255, 255, 0.1);
        --iats-sidebar-version-color: rgba(255, 255, 255, 0.4);
        --iats-sidebar-link-color: rgba(255, 255, 255, 0.5);
        --iats-sidebar-link-hover-color: rgba(255, 255, 255, 0.8);
        --iats-sidebar-link-separator-color: rgba(255, 255, 255, 0.3);
        --iats-sidebar-heading-color: rgba(255, 255, 255, 0.5);
        --iats-accent-primary: #6DB6C0;
        --iats-accent-primary-hover: #3A9AA6;
        --iats-accent-primary-light: rgba(109, 182, 192, 0.15);
        --iats-accent-continue-bg: var(--iats-btn-primary-bg);
        --iats-accent-continue-hover: var(--iats-btn-primary-hover-bg);
        --iats-scrollbar-thumb: #2a5258;
        --iats-scrollbar-track: #0f2527;
        --iats-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
        --iats-shadow-md: 0 10px 25px rgba(0, 0, 0, 0.5);
        --iats-shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.6);
        --iats-content-color: var(--iats-text-link);
        --iats-secondary-link: #BDE57A;
        --iats-highlight: #9ABF5E;
        --iats-status-error-bg: #2d0a0a;
        --iats-status-error-border: #7f1d1d;
        --iats-status-error-text: #fca5a5;
        --iats-status-success-bg: #052e16;
        --iats-status-success-border: #166534;
        --iats-status-success-text: #86efac;
        --iats-status-warning-bg: #2a1f0a;
        --iats-status-warning-border: #92400e;
        --iats-status-warning-text: #fcd34d;
        --iats-status-info-bg: #0c1929;
        --iats-status-info-border: #1e40af;
        --iats-status-info-text: #93c5fd;
    }