:root {--color-primary:#008080;--color-primary-dark:#006666;--color-primary-light:#339999;--color-accent:#D47B47;--color-accent-dark:#b86a3a;--color-accent-light:#e08c5a;--color-secondary:#802F00;--color-secondary-dark:#662500;--color-secondary-light:#a33c00;--color-hero:#104040;--color-hero-dark:#0a2828;--color-hero-light:#1a5050;--color-interactive:#80FFFF;--color-interactive-dark:#66cccc;--color-interactive-light:#99ffff;--color-text-primary:#1f2937;--color-text-secondary:#4b5563;--color-text-inverse:#ffffff;--color-text-muted:#6b7280;--color-surface-background:#ffffff;--color-surface-background-alt:#f9fafb;--color-surface-dark:#111827;--color-surface-dark-alt:#1f2937;--color-border-default:#d1d5db;--color-border-hover:#9ca3af;--color-border-focus:#008080;--color-state-success:#10b981;--color-state-success-light:#d1fae5;--color-state-warning:#f59e0b;--color-state-warning-light:#fef3c7;--color-state-error:#ef4444;--color-state-error-light:#fee2e2;--color-state-info:#3b82f6;--color-state-info-light:#dbeafe;--color-action-primary:#008080;--color-action-primary-dark:#036666;--color-action-primary-light:rgba(0, 128, 128, 0.1);--color-action-primary-bg-light:#e6f7f7;--color-action-accent:#802F00;--color-action-accent-dark:#6b2304;--color-action-accent-light:rgba(128, 47, 0, 0.1);--color-action-accent-bg-light:#f7ebe6;--color-action-highlight:#D47B47;--color-action-interactive:#80FFFF;--color-white:#ffffff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-650:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#000000}:root {--color-background:#ffffff;--color-link:#4b4b4b;--color-link-hover:#000000;--color-header-line:#4c4c4c;--color-footer-line:#4c4c4c;--color-login-line:#cccccc;--color-gallery-dark:#363435;--color-gallery-gradient:#606062;--color-active:#343a40;--color-menu:#999999;--color-menu-hover:#333333;--color-surface:#fcf8f5}:root:where(.dark, [data-theme="dark"]) {--color-text-primary:#f9fafb;--color-text-secondary:#e5e7eb;--color-text-inverse:#ffffff;--color-text-muted:#9ca3af;--color-surface-background:#111827;--color-surface-background-alt:#1f2937;--color-surface-dark:#ffffff;--color-surface-dark-alt:#f9fafb;--color-border-default:#374151;--color-border-hover:#4b5563;--color-border-focus:#60a5fa;--color-state-success:#34d399;--color-state-success-light:#064e3b;--color-state-warning:#fbbf24;--color-state-warning-light:#451a03;--color-state-error:#f87171;--color-state-error-light:#450a0a;--color-state-info:#60a5fa;--color-state-info-light:#1e3a8a;--color-action-primary-dark:#14b8a6;--color-action-primary-light:#0d7377;--color-action-accent-dark:#d97706;--color-action-accent-light:#5a3a2a;--color-action-highlight-dark:#fb923c;--color-action-highlight-light:rgba(251, 146, 60, 0.2);--color-action-interactive-dark:#67e8f9;--color-action-interactive-light:rgba(103, 232, 249, 0.2);--shadow-dark-sm:0 1px 2px 0 rgba(255, 255, 255, 0.15);--shadow-dark-md:0 4px 6px -1px rgba(255, 255, 255, 0.2), 0 2px 4px -1px rgba(255, 255, 255, 0.15);--shadow-dark-lg:0 10px 15px -3px rgba(255, 255, 255, 0.2), 0 4px 6px -2px rgba(255, 255, 255, 0.15);--color-background:#121212;--color-link:#b0b0b0;--color-link-hover:#ffffff;--color-header-line:#333333;--color-footer-line:#333333;--color-login-line:#555555;--color-gallery-dark:#2a2a2a;--color-gallery-gradient:#404042;--color-active:#4a4a5a;--color-menu:#aaaaaa;--color-menu-hover:#eeeeee;--color-surface:#1e1e1e;--color-error:#ff4d6d}