@layer themes {
    [data-theme="dark"] { color-scheme: dark; --hairline: color-mix(in oklab, var(--border) 70%, transparent); --tub-shadow: 0 1px 2px color-mix(in oklab, black 22%, transparent); --bg: #0c0b0a; --surface: #1f1d1b; --surface-alt: #242320; --surface-hover: #2e2c29; --border: rgba(242, 240, 236, 0.14); --modal-surface: #161513; --modal-shadow: inset 0 1px 0 color-mix(in oklab, white 7%, transparent), 0 0 0 1px color-mix(in oklab, white 9%, transparent), 0 24px 64px -12px color-mix(in oklab, black 72%, transparent); --img-outline-color: color-mix(in oklab, var(--mix-white) 10%, transparent); --text: #f2f0ec; --text-muted: #96918a; --text-secondary: #c8c3bc; --text-tertiary: #87837d; --accent: #ffc72c; --accent-ink: #ffc72c; --field-bg: #242320; --action-primary-bg: #ffc72c; --action-primary-bg-hover: #ffd45c; --action-primary-border: #ffc72c; --action-primary-text: #1c1914; --control-bg: var(--surface-hover); --success: #7da88c; --danger: #ce8d88; --warning: #b2854f; --warning-bright: #c9a36a; --info: #7095a8; --tub-bg: #1f1d1b; --backdrop: rgba(12, 11, 10, 0.62); --backdrop-subtle: rgba(12, 11, 10, 0.45); scrollbar-color: color-mix(in oklab, var(--text-muted) 40%, transparent) transparent; --depth-inset: inset 0 1px 2px color-mix(in oklab, black 55%, transparent); --depth-raised: inset 0 1px 0 color-mix(in oklab, white 8%, transparent), 0 1px 2px color-mix(in oklab, black 55%, transparent), 0 2px 6px color-mix(in oklab, black 48%, transparent); --depth-raised-pressed: inset 0 1px 2px color-mix(in oklab, black 42%, transparent); --segment-track: color-mix(in oklab, black 28%, var(--surface)); --segment-thumb: var(--surface-hover); --depth-overlay: inset 0 1px 0 color-mix(in oklab, white 6%, transparent), 0 8px 28px color-mix(in oklab, black 42%, transparent); }
    [data-theme="dark"] .auth-alert { border-color: color-mix(in oklab, var(--text) 20%, transparent); }
    [data-theme="dark"] .auth-alert-info { background: color-mix(in oklab, var(--surface-alt) 72%, transparent); border-color: color-mix(in oklab, var(--border) 84%, transparent); }
    [data-theme="dark"] .auth-alert-success { background: color-mix(in oklab, var(--surface-alt) 72%, transparent); border-color: color-mix(in oklab, var(--border) 84%, transparent); }

    [data-theme="dark"] .auth-alert-error { background: color-mix(in oklab, var(--danger) 15%, transparent); border-color: var(--danger); }
    [data-theme="dark"] .auth-card { border-color: color-mix(in oklab, var(--text) 18%, var(--border)); box-shadow: none; }
    [data-theme="dark"] .auth-layout { background: var(--bg); }
    [data-theme="dark"] .auth-layout-origin { color: var(--text-muted); }
    [data-theme="dark"] .auth-link-label, [data-theme="dark"] .auth-password-hint, [data-theme="dark"] .auth-subtitle, [data-theme="dark"] .auth-trust { color: var(--text-muted); }
    [data-theme="dark"] .auth-password-rule--idle { color: var(--text-secondary); }
    [data-theme="dark"] .auth-password-strength { background: transparent; border-color: transparent; }
    [data-theme="dark"] .auth-password-strength__bar { background: color-mix(in oklab, var(--border) 80%, transparent); border: 0; }
    [data-theme="dark"] .avatar-image { border-color: var(--border); }
    [data-theme="dark"] .avatar-upload-label { background: var(--surface); border-color: var(--border); }
    [data-theme="dark"] .btn:disabled { background: var(--surface); opacity: 0.5; }
    [data-theme="dark"] .btn.btn--primary:disabled { color: var(--text-secondary); }
    [data-theme="dark"] .captcha-container { --captcha-bg: color-mix(in oklab, var(--surface-alt) 88%, var(--mix-black)); --captcha-border: color-mix(in oklab, var(--border) 84%, var(--mix-black)); }
    [data-theme="dark"] .dropdown-sheet { background: var(--surface); border-color: var(--border); }
    [data-theme="dark"] .feature-row { border-bottom-color: var(--border); }
    [data-theme="dark"] .field__input--select, [data-theme="dark"] select.field__input, [data-theme="dark"] select.txn-compact-field__input { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%2396918a' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3e%3c/svg%3e"); background-position: right var(--space-3) center; background-repeat: no-repeat; background-size: var(--size-xs); }
    [data-theme="dark"] .global-search__footer { background: var(--surface-alt); }
    [data-theme="dark"] .global-search__shortcut kbd { background: var(--surface-alt); }
    [data-theme="dark"] .invoice-item { background: var(--surface-alt); border: 1px solid var(--border); }
    [data-theme="dark"] .logo-dark { display: block; }
    [data-theme="dark"] .logo-light { display: none; }
    [data-theme="dark"] .picker-search--dropdown { --picker-search-bg: var(--surface-alt); }
    [data-theme="dark"] .toggle { --toggle-thumb: var(--text); --toggle-track-off: color-mix(in oklab, var(--text) 32%, var(--surface-alt)); }
    [data-theme="dark"] .tub__header { border-bottom-color: var(--border); }
    [data-theme="dark"] hr { border-color: var(--border); }
    [data-theme="dark"] pre { background: var(--bg); border-color: var(--border); }
    @media (hover: hover) and (pointer: fine) {
        [data-theme="dark"] .auth-link-button:hover { color: var(--text); }
    }
    [data-theme="light"] { color-scheme: light; }
    html[data-theme="dark"], html[data-theme="dark"] body { background-color: var(--bg); color: var(--text); }
}
@layer base {
    [data-theme="dark"] code { background: color-mix(in oklab, var(--surface-alt) 72%, transparent); color: var(--text-secondary); }
    [data-theme="dark"] table { border-color: var(--border); }
    [data-theme="dark"] td { border-color: var(--border); }
    [data-theme="dark"] th { background: var(--surface); border-color: var(--border); }
    @media (hover: hover) and (pointer: fine) {
        [data-theme="dark"] tr:hover td { background: var(--control-row-hover-bg); }
    }
}