/**
 * Commerce admin tokens — single source of truth.
 * Values follow mockups/saboomall/admin.html (SABOO admin). The legacy --m31-* set in
 * globals.css points here; keep existing variable names (they are used across the CSS).
 */
:root {
  /* Base palette (admin.html :root) */
  --m31-admin-ink: #171719;
  --m31-admin-text: #242426;
  --m31-admin-muted: #717179;
  --m31-admin-border: #e5e5e8;
  --m31-admin-pink: #e63d88;
  --m31-admin-pink-hover: #cb2a72;
  --m31-admin-pink-soft: #fff2f8;
  --m31-admin-green: #0b8262;
  --m31-admin-amber: #a96b00;

  /* Surfaces */
  --m31-admin-bg: #f7f7f8;
  --m31-admin-surface: #ffffff;
  --m31-admin-surface-muted: #f6f6f7;
  --m31-admin-surface-inset: #fcfcfd;
  --m31-admin-hover: #f6f6f7;
  --m31-admin-row-hover: #fcfafb;
  --m31-admin-row-line: #eeeef0;
  --m31-admin-surface-2: #f3f3f5;

  /* Sidebar + nav */
  --m31-admin-sidebar: #f3f3f5;
  --m31-admin-sidebar-border: #e9e9ec;
  --m31-admin-sidebar-text: #424247;
  --m31-admin-sidebar-active: #ffffff;
  --m31-admin-sidebar-active-text: #111113;
  --m31-admin-nav-hover: #e9e9ed;
  --m31-admin-nav-label: #8c8c92;
  --m31-admin-nav-count-bg: #e6e6e9;
  --m31-admin-nav-count-text: #5d5d61;
  --m31-admin-topbar-bg: #18181a;
  --m31-admin-brand-from: #252528;
  --m31-admin-brand-to: #18181a;

  /* Text roles */
  --m31-admin-eyebrow: #8c8b91;
  --m31-admin-subtitle: #78787f;
  --m31-admin-placeholder: #b6b6bb;
  --m31-admin-card-sub: #8a8a91;
  --m31-admin-link: #26262a;
  --m31-admin-icon: #666666;
  --m31-admin-empty-text: #77777f;

  /* Semantic */
  --m31-admin-accent: var(--m31-admin-pink);
  --m31-admin-accent-hover: var(--m31-admin-pink-hover);
  --m31-admin-accent-soft: var(--m31-admin-pink-soft);
  --m31-admin-success: var(--m31-admin-green);
  --m31-admin-warning: var(--m31-admin-amber);
  --m31-admin-danger: #b84454;
  --m31-admin-info: #3365ad;
  --m31-admin-positive: #0a8a68;
  --m31-admin-negative: #b84454;

  /* Buttons */
  --m31-admin-btn-border: #d9d9df;
  --m31-admin-btn-text: #333337;
  --m31-admin-btn-dark: #252528;
  --m31-admin-btn-dark-hover: #3d3d41;

  /* Fields */
  --m31-admin-field-border: #dedee2;
  --m31-admin-field-text: #333333;
  --m31-admin-focus-ring: 0 0 0 3px #e63d881c;

  /* Tables */
  --m31-admin-th-bg: #fcfcfd;
  --m31-admin-th-text: #85858b;

  /* Tabs */
  --m31-admin-tab-text: #66666d;
  --m31-admin-tab-active-bg: #f0f0f2;
  --m31-admin-tab-active-text: #222227;

  /* Badges */
  --m31-admin-badge-bg: #eeeef1;
  --m31-admin-badge-text: #63636a;
  --m31-admin-badge-green-bg: #e1f7ed;
  --m31-admin-badge-green-text: #147b5a;
  --m31-admin-badge-yellow-bg: #fff1d8;
  --m31-admin-badge-yellow-text: #986600;
  --m31-admin-badge-pink-bg: #ffecf4;
  --m31-admin-badge-pink-text: #b3296b;
  --m31-admin-badge-blue-bg: #e7f0ff;
  --m31-admin-badge-blue-text: #3365ad;

  /* Metrics */
  --m31-admin-metric-label: #6d6d73;
  --m31-admin-metric-foot: #898990;

  /* Notice */
  --m31-admin-notice-bg: #fff7e7;
  --m31-admin-notice-border: #ffe4b5;
  --m31-admin-notice-text: #795a25;

  /* Overlays */
  --m31-admin-overlay: #15151877;
  --m31-admin-mask: #00000055;
  --m31-admin-toast-bg: #26262a;

  /* Top bar (admin.html .topbar / .global-search / .demo-pill / .avatar) */
  --m31-admin-topbar-text: #ffffff;
  --m31-admin-topbar-height: 58px;
  --m31-admin-brand-small: #b5b5b9;
  --m31-admin-brand-divider: #545456;
  --m31-admin-search-bg: #333336;
  --m31-admin-search-border: #4a4a4d;
  --m31-admin-search-icon: #cccccc;
  --m31-admin-result-hover: #f5f5f6;
  --m31-admin-pill-bg: #333336;
  --m31-admin-pill-text: #e6e6e8;
  --m31-admin-pill-border: #4b4b4f;
  --m31-admin-avatar-bg: #f4d7e4;
  --m31-admin-avatar-text: #6c2344;
  --m31-admin-nav-bottom-border: #e2e2e6;

  /* Empty state (admin.html .empty) */
  --m31-admin-empty-symbol-bg: #f9eef3;
  --m31-admin-empty-title: #29292e;
  --m31-admin-setting-line: #eeeeee;
  --m31-admin-setting-desc: #898990;
  --m31-admin-text-muted: #8b8b92;

  /* Shape */
  --m31-admin-radius: 13px;
  --m31-admin-radius-sm: 8px;
  --m31-admin-radius-modal: 16px;
  --m31-admin-radius-pill: 99px;
  --m31-admin-shadow: 0 1px 2px #19191b08;
  --m31-admin-shadow-nav: 0 1px 3px #0000000b;
  --m31-admin-shadow-lg: 0 16px 45px #00000022;
  --m31-admin-shadow-modal: 0 24px 80px #00000033;
  --m31-admin-shadow-toast: 0 10px 28px #00000033;

  /* Layout */
  --m31-admin-sidebar-width: 240px;
  --m31-admin-content-max: 1450px;

  /* Spacing (unchanged — admin.html has no spacing scale) */
  --m31-admin-space-1: 0.25rem;
  --m31-admin-space-2: 0.5rem;
  --m31-admin-space-3: 0.75rem;
  --m31-admin-space-4: 1rem;
  --m31-admin-space-5: 1.25rem;
  --m31-admin-space-6: 1.5rem;

  /* Type scale (admin.html: th 11, td 13, root 14, section h2 17, h1 26) */
  --m31-text-xs: 11px;
  --m31-text-sm: 13px;
  --m31-text-base: 14px;
  --m31-text-lg: 17px;
  --m31-text-xl: 26px;
}