/*
 * Theme: Seashore
 * Primary: Sand #C4B3A9 | App Header: #715A4B | Secondary: Gray #777775
 * Warm earthy pairing - natural, grounded, organic.
 */

/* ===== Light Mode ===== */
[data-theme="seashore"] {
    --iats-brand-primary: #715A4B;
    --iats-brand-primary-hover: #36251A;
    --iats-brand-secondary: #777775;
    --iats-logo-primary: #C4B3A9;
    --iats-logo-secondary: var(--iats-brand-secondary);

    --iats-bg-body: #ffffff;
    --iats-bg-surface: var(--iats-bg-body);
    --iats-bg-surface-raised: #f5f5f5;
    --iats-bg-surface-sunken: #f5f2ef;
    --iats-bg-sidebar: var(--iats-bg-body);
    --iats-bg-topbar: #f8f6f4;
    --iats-bg-overlay: rgba(54, 37, 26, 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: #f5f2ef;
    --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: var(--iats-logo-primary);

    --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(113, 90, 75, 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(113, 90, 72, 0.12);
    --iats-accent-continue-bg: var(--iats-brand-primary-hover);
    --iats-accent-continue-hover: #715A4B;

    --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: #948175;
    --iats-secondary-link: var(--iats-brand-secondary);
    --iats-highlight: #DFF5FF;

    --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: #36251A;
    --iats-primary-tone-10: #715A4B;
    --iats-primary-tone-20: #948175;
    --iats-primary-tone-30: #C4B3A9;
    --iats-primary-tone-40: #D3C7C0;
    --iats-primary-tone-50: #D8D1CC;
    --iats-primary-tone-80: #EBEBEB;
    --iats-primary-tone-100: #D5CCC5;

    --iats-secondary-tone-0: #3B3B3B;
    --iats-secondary-tone-10: #525252;
    --iats-secondary-tone-20: #777775;
    --iats-secondary-tone-30: #98978E;
    --iats-secondary-tone-40: #B8B7AF;
    --iats-secondary-tone-80: #D4D3CD;
    --iats-secondary-tone-100: #E6E6E2;

    --iats-tertiary-tone-0: #5A8A9F;
    --iats-tertiary-tone-10: #68A5BF;
    --iats-tertiary-tone-20: #64C4ED;
    --iats-tertiary-tone-30: #A4DFF8;
    --iats-tertiary-tone-40: #DFF5FF;
    --iats-tertiary-tone-50: #F1FBFF;

    --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="seashore"][data-theme-mode="dark"] {
        --iats-logo-primary: #C4B3A9;
        --iats-logo-secondary: #777775;
        --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: #f0ebe6;
        --iats-text-secondary: #c4b8ad;
        --iats-text-tertiary: #9e8f82;
        --iats-text-inverse: var(--iats-neutral-white);
        --iats-text-link: #C4B3A9;
        --iats-text-link-hover: #ddd0c7;
        --iats-text-heading: #f8f4f0;
        --iats-btn-primary-bg: #715A4B;
        --iats-btn-primary-border: var(--iats-btn-primary-bg);
        --iats-btn-primary-text: var(--iats-text-inverse);
        --iats-btn-primary-hover-bg: #948175;
        --iats-btn-primary-hover-border: var(--iats-btn-primary-hover-bg);
        --iats-btn-secondary-bg: #2d2621;
        --iats-btn-secondary-border: #C4B3A9;
        --iats-btn-secondary-text: #C4B3A9;
        --iats-btn-secondary-hover-bg: #38302a;
        --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: #4a3f36;
        --iats-input-text: var(--iats-text-primary);
        --iats-input-placeholder: var(--iats-text-tertiary);
        --iats-input-focus-border: #C4B3A9;
        --iats-input-focus-ring: var(--iats-input-focus-border);
        --iats-border-default: #3a3128;
        --iats-border-light: #2d2621;
        --iats-border-input: var(--iats-input-border);
        --iats-border-header-control: #5a4f44;
        --iats-nav-text: #C4B3A9;
        --iats-nav-text-active: var(--iats-nav-text);
        --iats-nav-active-bg: #2e2519;
        --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: #c4b8ad;
        --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: #C4B3A9;
        --iats-accent-primary-hover: #948175;
        --iats-accent-primary-light: rgba(196, 179, 169, 0.15);
        --iats-accent-continue-bg: var(--iats-btn-primary-bg);
        --iats-accent-continue-hover: var(--iats-btn-primary-hover-bg);
        --iats-scrollbar-thumb: #4a3f36;
        --iats-scrollbar-track: #231e19;
        --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-nav-text);
        --iats-secondary-link: #999997;
        --iats-highlight: #B5DDE8;
        --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;
    }