:root,
[data-theme="light"] {
  --color-bg-page: #F5F7FA;
  --color-bg-surface: #FFFFFF;
  --color-bg-surface-alt: #F9FAFB;
  /* Excel: passive section surfaces (login tabs, neutral badges) */
  --color-bg-section: #F3F4F6;
  /* Excel: bg-subtle — grouped sections */
  --color-bg-subtle: #F9FAFB;
  /* @deprecated Use --color-bg-subtle (sections) or --color-bg-elevated (dropdowns) */
  --color-bg-card-muted: var(--color-bg-subtle);
  --color-bg-page-muted: #EAF4FB;
  --color-bg-elevated: #F9FAFB;
  --color-bg-disabled: #CBD5E1;
  --color-bg-inverse: #0F172A;
  --color-bg-inverse-soft: rgba(255, 255, 255, 0.75);
  --color-border-subtle: #F3F4F6;
  --color-border-default: #E5E7EB;
  --color-border-hover: #BFC7D1;
  --color-border-strong: #D1D5DB;
  --color-border-inverse: #475569;
  --color-focus-ring: #2F8FD6;
  --color-text-primary: #1F2937;
  --color-text-secondary: #4B5563;
  --color-text-muted: #9CA3AF;
  --color-text-link: #2F8FD6;
  --color-text-link-hover: #1F6FB5;
  --color-text-disabled: #9CA3AF;
  --color-text-ghost-hover: #2D3E50;
  --color-text-inverse: #FFFFFF;
  --color-text-on-inverse: #FFFFFF;
  --color-text-on-accent: #FFFFFF;
  --color-brand-primary: #FF6B35;
  --color-brand-primary-hover: #E85A2A;
  --color-brand-primary-active: #CC4E24;
  --color-brand-primary-soft: rgba(255, 107, 53, 0.28);
  --color-brand-primary-contrast: #FF8A5B;
  --color-info: #2F8FD6;
  --color-info-soft: #EAF4FB;
  --color-info-hover: #1F6FB5;
  --color-info-active: #175A91;
  --color-info-soft-hover: #D6EAF8;
  --color-success: #22C55E;
  --color-success-hover: #16A34A;
  --color-success-soft: rgba(34, 197, 94, 0.12);
  /* Profile / chat online indicator — Excel R101 Success */
  --color-presence-online: var(--color-success);
  --color-presence-offline: var(--color-bg-disabled);
  --color-warning: #F59E0B;
  --color-warning-hover: #D97706;
  --color-warning-soft: rgba(245, 158, 11, 0.16);
  --color-danger: #EF4444;
  --color-danger-hover: #DC2626;
  --color-danger-soft: rgba(239, 68, 68, 0.12);
  --color-danger-text: #C62828;
  --color-danger-border: #EF9A9A;
  --color-danger-border-soft: #F5B5B5;
  --color-danger-border-softer: #F5C2C2;
  --color-danger-surface: #FFF1F1;
  --color-danger-surface-hover: #FFE5E5;
  --color-danger-surface-active: #FFC6C6;
  --color-order-bought-bg: rgba(255, 107, 53, 0.12);
  --color-order-bought-text: #CC4E24;
  --color-order-bought-border: rgba(255, 107, 53, 0.35);
  --color-order-shipped-bg: #EAF4FB;
  --color-order-shipped-text: #1F6FB5;
  --color-order-shipped-border: #BFDDF2;
  --color-order-delivered-bg: #F3F4F6;
  --color-order-delivered-text: #4B5563;
  --color-order-delivered-border: #E5E7EB;
  --color-order-completed-bg: #EAF4FB;
  --color-order-completed-text: #2F8FD6;
  --color-order-completed-border: #D6EAF8;
  --color-order-cancelled-bg: #FFF1F1;
  --color-order-cancelled-text: #C62828;
  --color-order-cancelled-border: #F5B5B5;
  --color-order-refunded-bg: rgba(239, 154, 154, 0.18);
  --color-order-refunded-text: #C62828;
  --color-order-refunded-border: #F5C2C2;
  --color-order-active-bg: rgba(47, 143, 214, 0.10);
  --color-order-active-text: #1F6FB5;
  --color-order-active-border: #2F8FD6;
  --color-order-expired-bg: #FFF1F1;
  --color-order-expired-text: #C62828;
  --color-order-expired-border: #F5B5B5;
  --color-order-awaiting-bg: rgba(255, 107, 53, 0.08);
  --color-order-awaiting-text: #CC4E24;
  --color-order-awaiting-border: rgba(255, 107, 53, 0.25);
  --color-order-receipt-bg: #FFFFFF;
  --color-order-receipt-text: #2F8FD6;
  --color-order-receipt-border: #2F8FD6;
  --color-shipping-local-bg: #ECFDF3;
  --color-shipping-local-text: #15803D;
  --color-shipping-local-border: #BBF7D0;
  --color-shipping-manual-bg: #FFF8E8;
  --color-shipping-manual-text: #B7791F;
  --color-shipping-manual-border: #F6D58A;
  --color-shipping-online-bg: #F5F3FF;
  --color-shipping-online-text: #6D28D9;
  --color-shipping-online-border: #DDD6FE;
  --color-listing-date-default: #6B7280;
  --color-listing-date-muted: #9CA3AF;
  --color-listing-expiry-warning-text: #CC4E24;
  --color-listing-expiry-warning-icon: #FF6B35;
  --color-listing-expiry-warning-bg: rgba(255, 107, 53, 0.10);
  --color-listing-expiry-critical-text: #C62828;
  --color-listing-expiry-critical-bg: #FFF1F1;
  --color-icon-default: #6B7280;
  --color-icon-hover: #2F8FD6;
  --color-icon-active: #2F8FD6;
  --color-icon-disabled: #CBD5E1;
  --color-condition-badge-bg: #F5F7FA;
  --color-condition-badge-text: #4B5563;
  --color-condition-badge-border: #D1D5DB;
  --color-landing-chip-bg: #F3F4F6;
  --color-landing-chip-text: #4B5563;
  --color-landing-chip-border: #E5E7EB;
  --color-nav-tab-active-bg: #EAF4FB;
  --color-nav-tab-active-text: #2F8FD6;
  --color-nav-tab-active-border: #2F8FD6;
  --color-nav-tab-active-hover-bg: #D6EAF8;
  --color-nav-tab-inactive-bg: #FFFFFF;
  --color-nav-tab-inactive-text: #6B7280;
  --color-nav-tab-inactive-border: #D1D5DB;
  --color-nav-tab-inactive-hover-bg: #F3F4F6;
  --color-btn-outlined-bg: #FFFFFF;
  --color-btn-outlined-text: #2F8FD6;
  --color-btn-outlined-border: #2F8FD6;
  --color-btn-outlined-hover-bg: #EAF4FB;
  --color-btn-outlined-active-bg: #D6EAF8;
  /* Back (web navigation) — passive outlined, grey border per Excel R154 */
  --color-btn-back-bg: #FFFFFF;
  --color-btn-back-text: #2F8FD6;
  --color-btn-back-border: #D1D5DB;
  --color-btn-back-hover-bg: #F3F4F6;
  --color-btn-back-active-bg: #D6EAF8;
  --color-btn-neutral-bg: #F9FAFB;
  --color-btn-neutral-text: #6B7280;
  --color-btn-neutral-border: #D1D5DB;
  --color-btn-neutral-hover-bg: #F3F4F6;
  --color-wishlist-default: #6B7280;
  --color-wishlist-active: #FF6B35;
  --color-wishlist-hover: #E85A2A;
  --color-featured-soft-bg: rgba(255, 107, 53, 0.28);
  --color-featured-soft-text: #FF8A5B;
  --color-live-soft-bg: rgba(255, 107, 53, 0.28);
  --color-live-soft-text: #FF8A5B;
  --color-star-empty: #D1D5DB;
  --color-star-active: #F59E0B;
  --color-heart-surface: rgba(0, 0, 0, 0.35);
  --color-heart-surface-hover: rgba(0, 0, 0, 0.50);
  --color-skeleton-base: #ECEFF3;
  --color-skeleton-highlight: #F7F8FA;
  --color-chat-sender-bg: #2F8FD6;
  --color-chat-sender-text: #FFFFFF;
  --color-chat-receiver-bg: #EAF4FB;
  --color-chat-receiver-text: #4B5563;
  --color-video-icon-bg: #EAF4FB;
  --color-video-icon: #2F8FD6;
  --color-overlay-default: rgba(15, 23, 42, 0.35);
  --color-overlay-strong: rgba(15, 23, 42, 0.75);
  --color-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.06);
  --color-shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.10);
  --color-shadow-md: 0 10px 24px rgba(15, 23, 42, 0.14);
  --color-video-bg: #0F172A;
  --color-accent-schedule: #2F8FD6;
  --delivery-accent: #2F8FD6;
  --delivery-accent-soft: #EAF4FB;
  --delivery-border: #BFDDF2;
  --delivery-shadow: 0 2px 8px rgba(47, 143, 214, 0.10);
  --delivery-text: #1F6FB5;
  --delivery-title: #1F2937;
  --sa-bg: #F5F7FA;
  --sa-border: #E5E7EB;
  --sa-primary: #2F8FD6;
  --sa-primary-dark: #1F6FB5;
  --sa-success: #22C55E;
  --sa-text: #1F2937;
  --sa-radius-md: 8px;
  --sa-radius-lg: 12px;
}

[data-theme="dark"] {
  --color-bg-page: #0F172A;
  --color-bg-surface: #1E293B;
  --color-bg-surface-alt: #172033;
  /* Excel: passive section surfaces (login tabs, neutral badges) */
  --color-bg-section: #334155;
  /* Excel: bg-subtle — grouped sections */
  --color-bg-subtle: #172033;
  /* @deprecated Use --color-bg-subtle (sections) or --color-bg-elevated (dropdowns) */
  --color-bg-card-muted: var(--color-bg-subtle);
  --color-bg-page-muted: rgba(47, 143, 214, 0.15);
  --color-bg-elevated: #334155;
  --color-bg-disabled: #475569;
  --color-bg-inverse: #F9FAFB;
  --color-bg-inverse-soft: rgba(15, 23, 42, 0.75);
  --color-border-subtle: #334155;
  --color-border-default: #334155;
  --color-border-hover: #475569;
  --color-border-strong: #475569;
  --color-border-inverse: #CBD5E1;
  --color-focus-ring: #2F8FD6;
  --color-text-primary: #F9FAFB;
  --color-text-secondary: #CBD5E1;
  --color-text-muted: #94A3B8;
  --color-text-link: #4FA7E5;
  --color-text-link-hover: #79BEEE;
  --color-text-disabled: #64748B;
  --color-text-ghost-hover: #F9FAFB;
  --color-text-inverse: #0F172A;
  --color-text-on-inverse: #0F172A;
  --color-text-on-accent: #F9FAFB;
  --color-brand-primary: #FF6B35;
  --color-brand-primary-hover: #E85A2A;
  --color-brand-primary-active: #CC4E24;
  --color-brand-primary-soft: rgba(255, 107, 53, 0.12);
  --color-brand-primary-contrast: #FF8A5B;
  --color-info: #2F8FD6;
  --color-info-soft: rgba(47, 143, 214, 0.15);
  --color-info-hover: #4FA7E5;
  --color-info-active: #1F6FB5;
  --color-info-soft-hover: rgba(47, 143, 214, 0.22);
  --color-success: #22C55E;
  --color-success-hover: #16A34A;
  --color-success-soft: rgba(34, 197, 94, 0.12);
  --color-presence-online: var(--color-success);
  --color-presence-offline: #475569;
  --color-warning: #F59E0B;
  --color-warning-hover: #D97706;
  --color-warning-soft: rgba(245, 158, 11, 0.16);
  --color-danger: #EF4444;
  --color-danger-hover: #DC2626;
  --color-danger-soft: rgba(239, 68, 68, 0.12);
  --color-danger-text: #FCA5A5;
  --color-danger-border: #C62828;
  --color-danger-border-soft: #C62828;
  --color-danger-border-softer: rgba(198, 40, 40, 0.45);
  --color-danger-surface: rgba(198, 40, 40, 0.12);
  --color-danger-surface-hover: rgba(198, 40, 40, 0.22);
  --color-danger-surface-active: rgba(198, 40, 40, 0.28);
  --color-order-bought-bg: rgba(255, 107, 53, 0.12);
  --color-order-bought-text: #FF8A5B;
  --color-order-bought-border: rgba(255, 107, 53, 0.35);
  --color-order-shipped-bg: rgba(47, 143, 214, 0.15);
  --color-order-shipped-text: #4FA7E5;
  --color-order-shipped-border: rgba(47, 143, 214, 0.35);
  --color-order-delivered-bg: #334155;
  --color-order-delivered-text: #CBD5E1;
  --color-order-delivered-border: #475569;
  --color-order-completed-bg: rgba(47, 143, 214, 0.15);
  --color-order-completed-text: #4FA7E5;
  --color-order-completed-border: #2F8FD6;
  --color-order-cancelled-bg: rgba(198, 40, 40, 0.12);
  --color-order-cancelled-text: #FCA5A5;
  --color-order-cancelled-border: #C62828;
  --color-order-refunded-bg: rgba(239, 154, 154, 0.10);
  --color-order-refunded-text: #FCA5A5;
  --color-order-refunded-border: rgba(198, 40, 40, 0.45);
  --color-order-active-bg: rgba(47, 143, 214, 0.10);
  --color-order-active-text: #4FA7E5;
  --color-order-active-border: #2F8FD6;
  --color-order-expired-bg: rgba(198, 40, 40, 0.12);
  --color-order-expired-text: #FCA5A5;
  --color-order-expired-border: #C62828;
  --color-order-awaiting-bg: rgba(255, 107, 53, 0.10);
  --color-order-awaiting-text: #FF8A5B;
  --color-order-awaiting-border: rgba(255, 107, 53, 0.30);
  --color-order-receipt-bg: transparent;
  --color-order-receipt-text: #4FA7E5;
  --color-order-receipt-border: #2F8FD6;
  --color-shipping-local-bg: rgba(34, 197, 94, 0.12);
  --color-shipping-local-text: #4ADE80;
  --color-shipping-local-border: rgba(34, 197, 94, 0.35);
  --color-shipping-manual-bg: rgba(245, 158, 11, 0.12);
  --color-shipping-manual-text: #FBBF24;
  --color-shipping-manual-border: rgba(245, 158, 11, 0.35);
  --color-shipping-online-bg: rgba(109, 40, 217, 0.12);
  --color-shipping-online-text: #A78BFA;
  --color-shipping-online-border: rgba(167, 139, 250, 0.35);
  --color-listing-date-default: #94A3B8;
  --color-listing-date-muted: #64748B;
  --color-listing-expiry-warning-text: #FF8A5B;
  --color-listing-expiry-warning-icon: #FF6B35;
  --color-listing-expiry-warning-bg: rgba(255, 107, 53, 0.12);
  --color-listing-expiry-critical-text: #FCA5A5;
  --color-listing-expiry-critical-bg: rgba(198, 40, 40, 0.12);
  --color-icon-default: #94A3B8;
  --color-icon-hover: #2F8FD6;
  --color-icon-active: #2F8FD6;
  --color-icon-disabled: #475569;
  --color-condition-badge-bg: #334155;
  --color-condition-badge-text: #CBD5E1;
  --color-condition-badge-border: #475569;
  --color-landing-chip-bg: #334155;
  --color-landing-chip-text: #CBD5E1;
  --color-landing-chip-border: #475569;
  --color-nav-tab-active-bg: rgba(47, 143, 214, 0.15);
  --color-nav-tab-active-text: #4FA7E5;
  --color-nav-tab-active-border: #2F8FD6;
  --color-nav-tab-active-hover-bg: rgba(47, 143, 214, 0.22);
  --color-nav-tab-inactive-bg: #1E293B;
  --color-nav-tab-inactive-text: #94A3B8;
  --color-nav-tab-inactive-border: #475569;
  --color-nav-tab-inactive-hover-bg: #334155;
  --color-btn-outlined-bg: transparent;
  --color-btn-outlined-text: #4FA7E5;
  --color-btn-outlined-border: #2F8FD6;
  --color-btn-outlined-hover-bg: rgba(47, 143, 214, 0.15);
  --color-btn-outlined-active-bg: rgba(47, 143, 214, 0.22);
  --color-btn-back-bg: transparent;
  --color-btn-back-text: #4FA7E5;
  --color-btn-back-border: #475569;
  --color-btn-back-hover-bg: rgba(47, 143, 214, 0.15);
  --color-btn-back-active-bg: rgba(47, 143, 214, 0.22);
  --color-btn-neutral-bg: #1E293B;
  --color-btn-neutral-text: #94A3B8;
  --color-btn-neutral-border: #475569;
  --color-btn-neutral-hover-bg: #334155;
  --color-wishlist-default: #94A3B8;
  --color-wishlist-active: #FF6B35;
  --color-wishlist-hover: #E85A2A;
  --color-featured-soft-bg: rgba(255, 107, 53, 0.12);
  --color-featured-soft-text: #FF8A5B;
  --color-live-soft-bg: rgba(255, 107, 53, 0.12);
  --color-live-soft-text: #FF8A5B;
  --color-star-empty: #475569;
  --color-star-active: #F59E0B;
  --color-heart-surface: rgba(0, 0, 0, 0.45);
  --color-heart-surface-hover: rgba(0, 0, 0, 0.60);
  --color-skeleton-base: #334155;
  --color-skeleton-highlight: #475569;
  --color-chat-sender-bg: #2F8FD6;
  --color-chat-sender-text: #F9FAFB;
  --color-chat-receiver-bg: rgba(47, 143, 214, 0.15);
  --color-chat-receiver-text: #CBD5E1;
  --color-video-icon-bg: rgba(47, 143, 214, 0.15);
  --color-video-icon: #4FA7E5;
  --color-overlay-default: rgba(0, 0, 0, 0.45);
  --color-overlay-strong: rgba(15, 23, 42, 0.75);
  --color-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.24);
  --color-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.32);
  --color-shadow-md: 0 12px 28px rgba(0, 0, 0, 0.38);
  --color-video-bg: #0B1120;
  --color-accent-schedule: #4FA7E5;
  --delivery-accent: #2F8FD6;
  --delivery-accent-soft: rgba(47, 143, 214, 0.15);
  --delivery-border: rgba(47, 143, 214, 0.35);
  --delivery-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
  --delivery-text: #4FA7E5;
  --delivery-title: #F9FAFB;
  --sa-bg: #0F172A;
  --sa-border: #334155;
  --sa-primary: #4FA7E5;
  --sa-primary-dark: #1F6FB5;
  --sa-success: #22C55E;
  --sa-text: #F9FAFB;
}

/* Client sheet aliases — short names map to theme-aware semantic tokens */
:root,
[data-theme="light"],
[data-theme="dark"] {
  --bg-primary: var(--color-bg-page);
  --bg-surface: var(--color-bg-surface);
  --bg-elevated: var(--color-bg-elevated);
  --bg-subtle: var(--color-bg-subtle);
  --border-default: var(--color-border-default);
  --border-hover: var(--color-border-hover);
  --border-focus: var(--color-focus-ring);
  --text-primary: var(--color-text-primary);
  --text-secondary: var(--color-text-secondary);
  --text-muted: var(--color-text-muted);
  --text-inverse: var(--color-text-inverse);
  --interaction-text: var(--color-text-link);
}