/* Existing AsherLoc blue/Outfit identity; shared screen palette and dimensions. */
@layer asherloc-tokens {
    @media screen {
        :root {
            --ui-font: 'Outfit', system-ui, -apple-system, 'Segoe UI', sans-serif;
            --ui-primary: #2563eb;
            --ui-primary-hover: #1d4ed8;
            --ui-success: #15803d;
            --ui-danger: #dc2626;
            --ui-warning: #fbbf24;
            --ui-info: #0e7490;
            --ui-background: #f8fafc;
            --ui-surface: #ffffff;
            --ui-subtle: #f1f5f9;
            --ui-text-color: #17263c;
            --ui-muted: #526277;
            --ui-border: #cbd5e1;
            --ui-field-border: #64748b;
            --ui-focus: #2563eb;
            --ui-primary-soft: #eff6ff;
            --ui-primary-ink: #1d4ed8;
            --ui-success-soft: #f0fdf4;
            --ui-success-ink: #166534;
            --ui-warning-soft: #fffbeb;
            --ui-warning-ink: #854d0e;
            --ui-danger-soft: #fff1f2;
            --ui-danger-ink: #b91c1c;
            --ui-info-soft: #ecfeff;
            --ui-info-ink: #155e75;
            --ui-space-1: 4px;
            --ui-space-2: 8px;
            --ui-space-3: 12px;
            --ui-space-4: 16px;
            --ui-space-6: 24px;
            --ui-space-8: 32px;
            --ui-radius-control: 10px;
            --ui-radius-card: 16px;
            --ui-radius-badge: 6px;
            --ui-control-height: 44px;
            --ui-shadow: 0 2px 8px #17263c0a;
            --ui-overlay-shadow: 0 16px 48px #0f172a33;
        }
        [data-theme=dark],body.dark-mode {
            --ui-background: #0b1329;
            --ui-surface: #182638;
            --ui-subtle: #101b2a;
            --ui-text-color: #e5edf5;
            --ui-muted: #a6b7ca;
            --ui-border: #42556e;
            --ui-field-border: #73849c;
            --ui-focus: #93c5fd;
            --ui-primary-soft: #223b58;
            --ui-primary-ink: #bfdbfe;
            --ui-success-soft: #143b2a;
            --ui-success-ink: #86efac;
            --ui-warning-soft: #403720;
            --ui-warning-ink: #f3d48c;
            --ui-danger-soft: #46272e;
            --ui-danger-ink: #fecaca;
            --ui-info-soft: #183748;
            --ui-info-ink: #a5f3fc;
            color-scheme: dark;
        }
        :root,[data-theme],body.dark-mode {
            /* Bootstrap subtle statuses must follow the app's theme, too. */
            --bs-primary-bg-subtle: var(--ui-primary-soft) !important;
            --bs-primary-text-emphasis: var(--ui-primary-ink) !important;
            --bs-success-bg-subtle: var(--ui-success-soft) !important;
            --bs-success-text-emphasis: var(--ui-success-ink) !important;
            --bs-warning-bg-subtle: var(--ui-warning-soft) !important;
            --bs-warning-text-emphasis: var(--ui-warning-ink) !important;
            --bs-danger-bg-subtle: var(--ui-danger-soft) !important;
            --bs-danger-text-emphasis: var(--ui-danger-ink) !important;
            --bs-info-bg-subtle: var(--ui-info-soft) !important;
            --bs-info-text-emphasis: var(--ui-info-ink) !important;
            --bs-secondary-bg-subtle: var(--ui-subtle) !important;
            --bs-secondary-text-emphasis: var(--ui-muted) !important;
            --bg-body: var(--ui-background) !important;
            --bg-card: var(--ui-surface) !important;
            --text-main: var(--ui-text-color) !important;
            --text-muted: var(--ui-muted) !important;
            --border-color: var(--ui-border) !important;
            --primary: var(--ui-primary) !important;
            --bs-primary: var(--ui-primary) !important;
            --bs-primary-rgb: 37,99,235 !important;
            --bs-success-rgb: 21,128,61 !important;
            --bs-danger-rgb: 220,38,38 !important;
            --bs-warning-rgb: 251,191,36 !important;
            --bs-info-rgb: 14,116,144 !important;
            --bs-body-color: var(--ui-text-color) !important;
            --bs-body-bg: var(--ui-background) !important;
            --bs-secondary-color: var(--ui-muted) !important;
            --bs-border-color: var(--ui-border) !important;
            --bs-body-font-family: var(--ui-font) !important;
            --action-blue: var(--ui-primary) !important;
            --action-blue-hover: var(--ui-primary-hover) !important;
            --action-surface: var(--ui-surface) !important;
            --action-surface-hover: var(--ui-subtle) !important;
            --action-ink: var(--ui-text-color) !important;
            --action-border: var(--ui-border) !important;
            --action-soft: var(--ui-primary-soft) !important;
            --action-soft-text: var(--ui-primary-ink) !important;
            --action-radius: var(--ui-radius-control) !important;
            --action-height: var(--ui-control-height) !important;
        }
    }
}