/**
 * XUI Admin — color / design tokens (light)
 * Single source of truth. Dark overrides live in tokens.dark.css.
 * --sl-* (sidebar-layout) / --ct-* (classic) names alias into --xui-* below.
 */
:root {
  /* ── Surfaces ── */
  --xui-bg-page: #f1f5f9;
  --xui-bg-card: #ffffff;
  --xui-surface: #ffffff;
  --xui-surface-elevated: #ffffff;
  --xui-surface-subtle: #f8fafc;
  --xui-surface-subtle-hover: #e2e8f0;
  --xui-surface-muted: #e2e8f0;
  --xui-surface-muted-hover: #cbd5e1;
  --xui-border: #e2e8f0;

  /* ── Text ── */
  --xui-text: #0f172a;
  --xui-text-muted: #64748b;
  --xui-on-accent: #ffffff;
  --xui-on-success: var(--xui-on-accent);
  --xui-on-danger: #ffffff;
  --xui-on-dark-fill: #ffffff;
  --xui-on-dark: #f1f5f9;
  --xui-on-dark-muted: #e2e8f0;

  /* ── Chrome (sidebar-layout shell; light nav in light mode) ── */
  --xui-topbar: #ffffff;
  --xui-sidebar: #ffffff;
  --xui-sidebar-text: #334155;
  --xui-sidebar-hover: #0f172a;
  --xui-sidebar-border: #e2e8f0;
  --xui-sidebar-text-muted: #64748b;
  --xui-sidebar-bg-hover: #f1f5f9;
  --xui-sidebar-bg-active: color-mix(in srgb, var(--xui-accent) 12%, white);
  --xui-sidebar-submenu-bg: #f8fafc;
  --xui-sidebar-scrollbar: #cbd5e1;
  --xui-sidebar-width: 280px;
  --xui-topnav-height: 50px;

  /* ── Header chrome (old / current theme topnav) ── */
  --xui-hdr-bg: #ffffff;
  --xui-hdr-text: #0f172a;
  --xui-hdr-muted: #334155;
  --xui-hdr-border: #e9edf2;
  --xui-hdr-hover: #f6f8fa;
  --xui-menu-hover: #eef2f8;
  --xui-hdr-input-bg: #ffffff;
  --xui-hdr-input-border: #d0d7de;
  --xui-hdr-accent-bg: #f6f8fa;
  --xui-hdr-accent-border: #d0d7de;
  --xui-hdr-accent-text: #11181c;

  /* ── Accent / buttons ── */
  --xui-accent: #0969da;
  --xui-accent-hover: #0550ae;
  --xui-accent-soft: color-mix(in srgb, var(--xui-accent) 12%, white);
  --xui-accent-border: color-mix(in srgb, var(--xui-accent) 28%, white);
  --xui-btn-primary: #1f2a3e;
  --xui-btn-primary-hover: #111827;
  --xui-btn-info: #0969da;
  --xui-btn-info-hover: #0550ae;
  --xui-btn-success: #1a7f37;
  --xui-btn-success-hover: #116329;
  --xui-btn-warning: #f97316;
  --xui-btn-warning-hover: #ea580c;
  --xui-btn-danger: #ef4444;
  --xui-btn-danger-hover: #dc2626;
  --xui-btn-secondary: #6c757d;
  --xui-btn-secondary-hover: #5a6268;
  --xui-btn-light: #f1f5f7;
  --xui-btn-light-hover: #e2e8f0;
  --xui-btn-light-text: #0f172a;
  --xui-btn-dark: #323a46;
  --xui-btn-dark-hover: #222830;
  --xui-btn-pink: #db2777;
  --xui-btn-pink-hover: #be185d;
  --xui-btn-purple: #7c3aed;
  --xui-btn-purple-hover: #6d28d9;
  --xui-success: #1a7f37;
  --xui-warning: #f97316;
  --xui-danger: #ef4444;
  --xui-live: var(--xui-accent);
  --xui-live-border: var(--xui-accent-hover);
  --xui-down: #b91c1c;
  --xui-down-border: #991b1b;
  --xui-login-bg: #1a202c;

  /* ── Tables / dropdowns / chrome leftovers ── */
  --xui-table-stripe: #f1f5f7;
  --xui-table-hover: #eef2f7;
  --xui-dropdown-bg: #ffffff;
  --xui-dropdown-text: #212529;
  --xui-dropdown-hover: #f1f5f9;
  --xui-dropdown-divider: color-mix(in srgb, var(--xui-dropdown-text) 22%, var(--xui-dropdown-bg));
  --xui-input-group-bg: #eef2f7;
  --xui-list-group-bg: #ffffff;
  --xui-page-title: #0f172a;
  --xui-bg-white: var(--xui-bg-card);
  --xui-bg-light: var(--xui-bg-page);
  --xui-progress-track: rgba(15, 23, 42, 0.07);

  /* ── Forms ── */
  --xui-input-bg: #ffffff;
  --xui-input-border: #cbd5e1;
  --xui-input-text: #0f172a;
  --xui-input-radius: 6px;
  --xui-input-focus-ring: color-mix(in srgb, var(--xui-accent) 20%, transparent);
  --xui-input-disabled-bg: #f1f5f9;


  /* ── Feedback / toasts ── */
  --xui-toast-bg: var(--xui-bg-card);
  --xui-toast-text: var(--xui-text);
  --xui-toast-border: var(--xui-border);
  --xui-toast-accent: var(--xui-accent);
  --xui-toast-link: var(--xui-accent);
  --xui-toast-radius: 8px;
  --xui-toast-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
  --xui-toast-close: var(--xui-text-muted);
  --xui-toast-close-hover: var(--xui-text);
  --xui-toast-close-bg: color-mix(in srgb, var(--xui-toast-border) 28%, transparent);
  --xui-toast-close-bg-hover: color-mix(in srgb, var(--xui-toast-border) 52%, transparent);
  --xui-toast-success-bg: #ffffff;
  --xui-toast-success-text: #166534;
  --xui-toast-success-border: #bbf7d0;
  /* Solid hex (not color-mix): jquery-toast applies these via inline styles from JS */
  --xui-toast-info-bg: #ffffff;
  --xui-toast-info-text: #1e40af;
  --xui-toast-info-border: #93c5fd;
  --xui-toast-warning-bg: #ffffff;
  --xui-toast-warning-text: #92400e;
  --xui-toast-warning-border: #fde68a;
  --xui-toast-error-bg: #ffffff;
  --xui-toast-error-text: #991b1b;
  --xui-toast-error-border: #fecaca;

  /* ── Update availability banner ── */
  --xui-update-banner-bg: #eff6ff;
  --xui-update-banner-text: #1e3a8a;
  --xui-update-banner-muted: #3b82f6;
  --xui-update-banner-border: #bfdbfe;
  --xui-update-banner-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
  --xui-update-banner-icon: #2563eb;
  --xui-update-banner-version-bg: #dbeafe;
  --xui-update-banner-version-text: #1e40af;
  --xui-update-banner-cta-bg: #0f172a;
  --xui-update-banner-cta-text: #ffffff;
  --xui-update-banner-cta-hover: #1e293b;
  --xui-update-banner-dismiss: #64748b;
  --xui-update-banner-dismiss-hover: #0f172a;
  --xui-update-banner-dismiss-bg-hover: rgba(15, 23, 42, 0.06);

  /* ── Effects ── */
  --xui-scrollbar-track: #f1f5f9;
  --xui-scrollbar-thumb: #cbd5e1;
  --xui-scrollbar-thumb-hover: #94a3b8;
  --xui-scrollbar-sidebar-track: rgba(255, 255, 255, 0.06);
  --xui-scrollbar-sidebar-thumb: rgba(255, 255, 255, 0.22);
  --xui-scrollbar-sidebar-thumb-hover: rgba(255, 255, 255, 0.34);
  --xui-overlay-strong: rgba(15, 23, 42, 0.66);
  --xui-shadow-floating: 0 10px 28px rgba(15, 23, 42, 0.16);
  --xui-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.12);
  --xui-shadow-closebutton: 0 8px 20px rgba(15, 23, 42, 0.2);
  --xui-shadow-hover: 0 10px 24px rgba(15, 23, 42, 0.12);
  --xui-shadow-menu: 0 12px 30px rgba(15, 23, 42, 0.12);
  --xui-shadow-dropdown: 0 10px 28px rgba(15, 23, 42, 0.12);
  --xui-spinner-border: color-mix(in srgb, var(--xui-topbar) 20%, transparent);
  --xui-countdown-bg: color-mix(in srgb, var(--xui-topbar) 18%, transparent);

  /* ── Radii / spacing (shared layout tokens) ── */
  --xui-radius: 6px;
  --xui-radius-sm: 6px;
  --xui-radius-md: 8px;
  --xui-radius-lg: 10px;
  --xui-radius-xl: 12px;
  --xui-radius-pill: 999px;
  --xui-menu-pad-x: 14px;
  --xui-menu-pad-y: 10px;
  --xui-submenu-pad-x: 12px;
  --xui-submenu-pad-y: 8px;

  /* ── Legacy --sl-* aliases ── */
  --sl-bg-page: var(--xui-bg-page);
  --sl-bg-card: var(--xui-bg-card);
  --sl-border: var(--xui-border);
  --sl-text: var(--xui-text);
  --sl-text-muted: var(--xui-text-muted);
  --sl-accent: var(--xui-accent);
  --sl-accent-hover: var(--xui-accent-hover);
  --sl-topbar: var(--xui-topbar);
  --sl-sidebar: var(--xui-sidebar);
  --sl-sidebar-text: var(--xui-sidebar-text);
  --sl-sidebar-hover: var(--xui-sidebar-hover);
  --sl-input-bg: var(--xui-input-bg);
  --sl-input-border: var(--xui-input-border);
  --sl-radius: var(--xui-radius);
  --sl-sidebar-width: var(--xui-sidebar-width);
  --sl-topnav-height: var(--xui-topnav-height);
  --sl-scrollbar-track: var(--xui-scrollbar-track);
  --sl-scrollbar-thumb: var(--xui-scrollbar-thumb);
  --sl-scrollbar-thumb-hover: var(--xui-scrollbar-thumb-hover);
  --sl-scrollbar-sidebar-track: var(--xui-scrollbar-sidebar-track);
  --sl-scrollbar-sidebar-thumb: var(--xui-scrollbar-sidebar-thumb);
  --sl-scrollbar-sidebar-thumb-hover: var(--xui-scrollbar-sidebar-thumb-hover);
  --sl-on-accent: var(--xui-on-accent);
  --sl-surface-subtle: var(--xui-surface-subtle);
  --sl-surface-subtle-hover: var(--xui-surface-subtle-hover);
  --sl-surface-muted: var(--xui-surface-muted);
  --sl-surface-muted-hover: var(--xui-surface-muted-hover);
  --sl-overlay-strong: var(--xui-overlay-strong);
  --sl-shadow-floating: var(--xui-shadow-floating);
  --sl-shadow-soft: var(--xui-shadow-soft);
  --sl-shadow-closebutton: var(--xui-shadow-closebutton);
  --sl-spinner-border: var(--xui-spinner-border);
  --sl-countdown-bg: var(--xui-countdown-bg);
  --sl-toast-link: var(--xui-toast-link);
  --sl-toast-success-bg: var(--xui-toast-success-bg);
  --sl-toast-success-text: var(--xui-toast-success-text);
  --sl-toast-success-border: var(--xui-toast-success-border);
  --sl-toast-info-bg: var(--xui-toast-info-bg);
  --sl-toast-info-text: var(--xui-toast-info-text);
  --sl-toast-info-border: var(--xui-toast-info-border);
  --sl-toast-warning-bg: var(--xui-toast-warning-bg);
  --sl-toast-warning-text: var(--xui-toast-warning-text);
  --sl-toast-warning-border: var(--xui-toast-warning-border);
  --sl-toast-error-bg: var(--xui-toast-error-bg);
  --sl-toast-error-text: var(--xui-toast-error-text);
  --sl-toast-error-border: var(--xui-toast-error-border);
  --sl-live: var(--xui-live);
  --sl-live-border: var(--xui-live-border);
  --sl-down: var(--xui-down);
  --sl-down-border: var(--xui-down-border);

  /* ── Legacy --ct-* aliases ── */
  --ct-hdr-bg: var(--xui-hdr-bg);
  --ct-hdr-text: var(--xui-hdr-text);
  --ct-hdr-muted: var(--xui-hdr-muted);
  --ct-hdr-border: var(--xui-hdr-border);
  --ct-hdr-hover: var(--xui-hdr-hover);
  --ct-menu-hover: var(--xui-menu-hover);
  --ct-hdr-input-bg: var(--xui-hdr-input-bg);
  --ct-hdr-input-border: var(--xui-hdr-input-border);
  --ct-hdr-accent-bg: var(--xui-hdr-accent-bg);
  --ct-hdr-accent-border: var(--xui-hdr-accent-border);
  --ct-hdr-accent-text: var(--xui-hdr-accent-text);
  --ct-radius-sm: var(--xui-radius-sm);
  --ct-radius-md: var(--xui-radius-md);
  --ct-radius-lg: var(--xui-radius-lg);
  --ct-radius-pill: var(--xui-radius-pill);
  --ct-radius-xl: var(--xui-radius-xl);
  --ct-menu-pad-x: var(--xui-menu-pad-x);
  --ct-menu-pad-y: var(--xui-menu-pad-y);
  --ct-submenu-pad-x: var(--xui-submenu-pad-x);
  --ct-submenu-pad-y: var(--xui-submenu-pad-y);
  --ct-btn-primary: var(--xui-btn-primary);
  --ct-btn-primary-hover: var(--xui-btn-primary-hover);
  --ct-btn-info: var(--xui-btn-info);
  --ct-btn-info-hover: var(--xui-btn-info-hover);
  --ct-btn-success: var(--xui-btn-success);
  --ct-btn-success-hover: var(--xui-btn-success-hover);
  --ct-btn-warning: var(--xui-btn-warning);
  --ct-btn-warning-hover: var(--xui-btn-warning-hover);
  --ct-btn-danger: var(--xui-btn-danger);
  --ct-btn-danger-hover: var(--xui-btn-danger-hover);
  --ct-btn-pink: var(--xui-btn-pink);
  --ct-btn-pink-hover: var(--xui-btn-pink-hover);
  --ct-btn-purple: var(--xui-btn-purple);
  --ct-btn-purple-hover: var(--xui-btn-purple-hover);
  --success: var(--xui-accent);
  --green: var(--xui-accent);
  --info: var(--xui-btn-info);
  --cyan: var(--xui-btn-info);
  --pink: var(--xui-btn-pink);
  --purple: var(--xui-btn-purple);
  --ct-accent: var(--xui-accent);
  --ct-accent-hover: var(--xui-accent-hover);
  --ct-accent-soft: var(--xui-accent-soft);
  --ct-accent-border: var(--xui-accent-border);
  --ct-text-main: var(--xui-text);
  --ct-text-muted: var(--xui-text-muted);
  --ct-state-success: var(--xui-success);
  --ct-state-warning: var(--xui-warning);
  --ct-state-danger: var(--xui-danger);
  --ct-field-bg: var(--xui-input-bg);
  --ct-field-border: var(--xui-input-border);
  --ct-field-text: var(--xui-input-text);
  --ct-field-radius: var(--xui-input-radius);
  --ct-field-focus-ring: var(--xui-input-focus-ring);
  --ct-field-disabled-bg: var(--xui-input-disabled-bg);
  --ct-page-bg: var(--xui-bg-page);
  --ct-surface: var(--xui-surface);
  --ct-surface-elevated: var(--xui-surface-elevated);
  --ct-scrollbar-track: var(--xui-scrollbar-track);
  --ct-scrollbar-thumb: var(--xui-scrollbar-thumb);
  --ct-scrollbar-thumb-hover: var(--xui-scrollbar-thumb-hover);
  --ct-toast-success-bg: var(--xui-toast-success-bg);
  --ct-toast-success-text: var(--xui-toast-success-text);
  --ct-toast-success-border: var(--xui-toast-success-border);
  --ct-toast-info-bg: var(--xui-toast-info-bg);
  --ct-toast-info-text: var(--xui-toast-info-text);
  --ct-toast-info-border: var(--xui-toast-info-border);
  --ct-toast-warning-bg: var(--xui-toast-warning-bg);
  --ct-toast-warning-text: var(--xui-toast-warning-text);
  --ct-toast-warning-border: var(--xui-toast-warning-border);
  --ct-toast-error-bg: var(--xui-toast-error-bg);
  --ct-toast-error-text: var(--xui-toast-error-text);
  --ct-toast-error-border: var(--xui-toast-error-border);
  --ct-toast-shadow: var(--xui-toast-shadow);
  --ct-shadow-soft: var(--xui-shadow-soft);
  --ct-shadow-hover: var(--xui-shadow-hover);
  --ct-shadow-menu: var(--xui-shadow-menu);
  --ct-shadow-dropdown: var(--xui-shadow-dropdown);
}