:root,html[data-theme=light]{--primary-color:#5a67d8;--secondary-color:#718096;--accent-color:#4299e1;--accent-light:#ebf8ff;--rust-orange:#f74c00;--background-color:#f7fafc;--card-bg:#fff;--input-bg:#fff;--navbar-bg:#fff;--text-primary:#2d3748;--text-secondary:#718096;--text-tertiary:#a0aec0;--color-text-primary:#2d3748;--color-primary:#5a67d8;--border-color:#e2e8f0;--border-light:#edf2f7;--color-error:#dc3545;--color-success:#28a745;--color-warning:#ffc107;--shadow-sm:0 1px 3px 0 #0000001a;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.2s ease;--transition-normal:.3s ease}html[data-theme=dark]{--primary-color:#667eea;--secondary-color:#a0aec0;--accent-color:#4299e1;--accent-light:#2c5282;--rust-orange:#ff6b35;--background-color:#1a202c;--card-bg:#2d3748;--input-bg:#2d3748;--navbar-bg:#2d3748;--text-primary:#f7fafc;--text-secondary:#cbd5e0;--text-tertiary:#a0aec0;--color-text-primary:#f7fafc;--color-primary:#667eea;--border-color:#4a5568;--border-light:#374151;--color-error:#f56565;--color-success:#48bb78;--color-warning:#ecc94b;--shadow-sm:0 1px 3px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.2s ease;--transition-normal:.3s ease}html[data-theme=project]{--primary-color:#f74c00;--secondary-color:#ff6b35;--accent-color:#f74c00;--accent-light:#1a1a1a;--rust-orange:#f74c00;--background-color:#000;--card-bg:#0a0a0a;--input-bg:#1a1a1a;--navbar-bg:#1a1a1a;--text-primary:#fff;--text-secondary:#d1d5db;--text-tertiary:#9ca3af;--color-text-primary:#fff;--color-primary:#f74c00;--border-color:#2d2d2d;--border-light:#262626;--color-error:#ff6b6b;--color-success:#51cf66;--color-warning:#ffd43b;--shadow-sm:0 1px 3px 0 #f74c001a;--shadow-md:0 4px 6px -1px #f74c0033;--shadow-lg:0 10px 15px -3px #f74c004d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.2s ease;--transition-normal:.3s ease}body{background-color:var(--background-color);color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body.transitions-enabled{transition:background-color .3s,color .3s}.app-layout{background-color:var(--background-color);flex-direction:column;min-height:100vh;display:flex}.page-content{background-color:var(--background-color);flex:1;min-height:calc(100vh - 60px)}#barn,.vehicle-detail-container,.loading,.vehicle-detail-loading{background-color:var(--background-color)}#navbar{background-color:var(--navbar-bg);box-shadow:var(--shadow-sm)}body.transitions-enabled #navbar{transition:background-color .3s}html[data-theme=project] #navbar a:hover,html[data-theme=project] .settings-link{color:var(--rust-orange)}html[data-theme=project] .logout-btn{background:var(--rust-orange)}html[data-theme=project] .logout-btn:hover{background:#d94100}html[data-theme=project] #navbar a.active{color:var(--rust-orange)}.card,.settings-section,.barn-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}body.transitions-enabled .card,body.transitions-enabled .settings-section,body.transitions-enabled .barn-card{transition:all var(--transition-normal)}input,textarea,select{background:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color)}body.transitions-enabled input,body.transitions-enabled textarea,body.transitions-enabled select{transition:all var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light);outline:none}a{color:var(--accent-color);text-decoration:none}a:hover{text-decoration:underline}a:visited{color:var(--accent-color)}html[data-theme=project] a,html[data-theme=project] a:visited{color:var(--rust-orange)}html[data-theme=project] a:hover{color:#ff6b35}button,.btn-primary,.btn-secondary{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:none;font-size:1rem;font-weight:500;display:inline-block}button.btn-primary,.btn-primary{background:var(--primary-color);color:#fff}button.btn-primary:hover:not(:disabled),.btn-primary:hover{box-shadow:var(--shadow-md);background:#4c51bf;transform:translateY(-1px)}button.btn-primary:disabled{opacity:.6;cursor:not-allowed}button.btn-secondary,.btn-secondary{background:var(--secondary-color);color:#fff}button.btn-secondary:hover:not(:disabled),.btn-secondary:hover{background:#5a6978}button a,a.btn-primary,a.btn-secondary,a.view-details-btn,a.edit-btn,button a:hover,a.btn-primary:hover,a.btn-secondary:hover,a.view-details-btn:hover,a.edit-btn:hover{text-decoration:none!important}html[data-theme=project] button.btn-primary,html[data-theme=project] .btn-primary{background:var(--rust-orange)}html[data-theme=project] button.btn-primary:hover:not(:disabled),html[data-theme=project] .btn-primary:hover{background:#d94100}