@layer theme,components,layout,states,visualizations,domain;
@layer theme{
:root{
  color-scheme:light;

  /* Typography */
  --font-family-latin:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-family-hebrew:"Noto Sans Hebrew",sans-serif;
  --font-family-arabic:Vazirmatn,sans-serif;
  --font-family-current:var(--font-family-latin);
  --font-sans:var(--font-family-current);
  --font-ui:var(--font-family-current);
  --font-hebrew:var(--font-family-hebrew);
  --font-arabic:var(--font-family-arabic);
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --type-micro:10px;
  --type-caption:11px;
  --type-label:12px;
  --type-body:13px;
  --type-control:13px;
  --type-section:15px;
  --type-dialog:18px;
  --type-page:20px;
  --type-identity:22px;
  --line-compact:1.2;
  --line-body:1.4;

  /* Spacing */
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --page-gutter:20px;
  --page-gap:16px;
  --surface-pad:16px;
  --surface-pad-compact:8px;
  --toolbar-gap:8px;

  /* Geometry */
  --control-height:32px;
  --control-height-compact:28px;
  --control-height-comfortable:36px;
  --touch-target:44px;
  --control-pad-x:10px;
  --radius-control:6px;
  --radius-surface:8px;
  --radius-panel:10px;
  --radius-pill:999px;
  --sidebar-width:184px;
  --sidebar-collapsed-width:56px;
  --sidebar-collapsed:56px;
  --topbar-height:44px;
  --mobile-bottom-nav:64px;
  --mobile-page-padding:8px;
  --mobile-panel-gap:8px;
  --mobile-surface-gap:8px;
  --mobile-input-font-size:16px;
  --mobile-search-font-size:var(--mobile-input-font-size);
  --shell-feedback-height:0px;
  --border-width:1px;
  --focus-width:2px;
  --icon-size:18px;
  --brand-mark-size:28px;
  --choice-size:18px;
  --nav-row-height:36px;
  --nav-icon-column:20px;
  --nav-active-mark-width:3px;
  --nav-active-mark-height:20px;
  --workspace-header-min-height:52px;
  --meta-height:22px;
  --textarea-min-height:84px;
  --search-min-width:220px;
  --search-flex-basis:260px;
  --field-inline-min-width:140px;
  --field-inline-flex-basis:200px;
  --type-metric:19px;
  --metric-card-mobile-min-height:64px;
  --season-dot-size:7px;
  --health-dot-size:8px;
  --action-menu-max-width:250px;
  --orders-list-width:68%;
  --ux-quantity-button-width:30px;
  --ux-quantity-value-width:56px;
  --ux-quantity-action-width:52px;

  /* Canonical palette */
  --color-canvas:#f3f5f8;
  --color-surface:#ffffff;
  --color-surface-muted:#f7f8fa;
  --color-surface-hover:#f1f4f8;
  --color-surface-selected:#eaf2ff;
  --color-surface-selected-strong:#dceafe;
  --color-ink:#172033;
  --color-ink-muted:#58677a;
  --color-ink-faint:#7b8797;
  --color-border:#dbe1e8;
  --color-border-strong:#bcc7d4;
  --color-accent:#2463d4;
  --color-accent-hover:#1d53b8;
  --color-accent-soft:#eaf2ff;
  --color-info:#2463d4;
  --color-info-soft:#eaf2ff;
  --color-success:#197447;
  --color-success-soft:#e8f6ee;
  --color-warning:#9a5c0a;
  --color-warning-soft:#fff4df;
  --color-danger:#b1322f;
  --color-danger-soft:#fdeceb;
  --color-teal:#0b7a75;
  --color-excess:#7b61a8;
  --color-teal-soft:#e5f5f3;
  --color-nav:#172237;
  --color-nav-deep:#111a2a;
  --color-nav-text:#b8c4d3;
  --color-nav-selected:#263b5d;
  --color-white:#fff;
  --color-overlay:rgba(10,21,36,.42);
  --color-nav-border:rgba(255,255,255,.08);
  --color-nav-hover:rgba(255,255,255,.06);
  --color-topbar:rgba(255,255,255,.97);
  --color-focus-ring:rgba(36,99,212,.14);

  /* Canonical data-visualization palette */
  --chart-requested:var(--color-accent);
  --chart-approved:var(--color-warning);
  --chart-fulfilled:var(--color-success);
  --chart-store:var(--color-excess);
  --chart-zero:var(--color-danger);
  --chart-low:var(--color-warning);
  --chart-watch:#a67c00;
  --chart-healthy:var(--color-success);
  --chart-excess:var(--color-excess);
  --chart-neutral:var(--color-border-strong);

  /* Effects */
  --focus-ring:0 0 0 2px var(--color-focus-ring);
  --shadow-float:0 12px 34px rgba(19,32,51,.16);
  --shadow-modal:0 24px 72px rgba(19,32,51,.24);
  --shadow-sticky:0 -8px 26px rgba(19,32,51,.08);
  --surface-edge-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 1px 2px rgba(19,32,51,.035);


  /* Page composition */
  --page-max-document:1120px;
  --page-max-catalog:1360px;
  --page-gap-document:20px;
  --page-gap-catalog:14px;
  --page-gap-workspace:8px;
  --pane-border:var(--color-border);
  --row-divider:var(--color-border);
  --table-cell-pad-y:8px;
  --table-cell-pad-x:10px;
  --list-row-pad-y:10px;
  --list-row-pad-x:8px;

  /* Layering */
  --z-sidebar:40;
  --z-topbar:35;
  --z-sticky:30;
  --z-modal:100;
  --z-toast:120;

  /* Compatibility aliases. v126 code should prefer canonical names above. */
  --ui-control-height:var(--control-height);
  --ui-control-height-compact:var(--control-height-compact);
  --ui-control-height-comfortable:var(--control-height-comfortable);
  --ui-toolbar-control-height:var(--control-height-comfortable);
  --ui-toolbar-row-height:var(--control-height-comfortable);
  --ui-toolbar-height:44px;
  --ui-touch-target:var(--touch-target);
  --touch-target-min:var(--touch-target);
  --ui-control-pad-x:var(--control-pad-x);
  --ui-radius-control:var(--radius-control);
  --ui-radius-search:var(--radius-surface);
  --ui-radius-panel:var(--radius-panel);
  --ui-radius-card:var(--radius-surface);
  --ui-gap-tight:var(--space-1);
  --ui-gap:var(--space-2);
  --ui-gap-loose:var(--space-3);
  --ui-toolbar-pad-y:var(--space-1);
  --ui-toolbar-pad-x:var(--space-2);
  --ui-type-micro:var(--type-micro);
  --ui-type-caption:var(--type-caption);
  --ui-type-label:var(--type-label);
  --ui-type-control:var(--type-control);
  --ui-type-body:var(--type-body);
  --ui-type-section-title:var(--type-section);
  --ui-type-page-title:var(--type-page);
  --ui-type-dialog-title:var(--type-dialog);
  --ui-search-icon-size:18px;
  --ui-search-icon-inset:12px;
  --ui-search-text-inset:40px;
  --ui-form-gap:var(--space-2);
  --ui-form-section-pad:var(--surface-pad);
  --ui-form-section-radius:var(--radius-surface);
  --ui-field-gap:var(--space-1);
  --ui-field-bg:var(--color-surface);
  --ui-field-bg-focus:var(--color-surface);
  --ui-field-label-size:var(--type-label);
  --ui-choice-min-height:var(--control-height-comfortable);
  --ui-choice-card-min-height:var(--touch-target);
  --ui-setting-control-min:180px;
  --ui-action-control-min:154px;
  --ui-section-head-min-height:44px;
  --ui-section-head-pad-y:var(--space-2);
  --ui-section-head-pad-x:var(--space-3);
  --ui-section-title-size:var(--type-section);
  --ui-section-help-size:var(--type-caption);
  --ui-section-detail-title-size:var(--type-section);
  --ui-section-detail-help-size:var(--type-caption);
  --ui-divider:var(--color-border);
  --ui-flat-row-pad-y:var(--space-2);
  --ui-flat-section-gap:var(--space-3);
  --ui-tab-height:36px;
  --ui-tab-height-compact:32px;
  --ui-tab-pad-x:var(--space-3);
  --ui-tab-font-size:var(--type-control);
  --ui-tab-font-weight:700;
  --ui-segment-height:32px;
  --ui-segment-height-compact:28px;
  --ui-segment-pad-x:var(--space-3);
  --ui-segment-font-size:var(--type-control);
  --ui-segment-font-weight:650;
  --ui-segment-radius:var(--radius-control);
  --ui-table-head-height:34px;
  --ui-table-head-pad-x:var(--space-2);
  --ui-table-head-font-size:var(--type-caption);
  --ui-table-head-font-weight:650;
  --ui-table-action-gap:var(--space-1);

  --ux-canvas:var(--color-canvas);
  --ux-surface:var(--color-surface);
  --ux-surface-muted:var(--color-surface-muted);
  --ux-surface-subtle:var(--color-surface-muted);
  --ux-surface-hover:var(--color-surface-hover);
  --ux-surface-selected:var(--color-surface-selected);
  --ux-surface-selected-strong:var(--color-surface-selected-strong);
  --ux-ink:var(--color-ink);
  --ux-ink-strong:var(--color-ink);
  --ux-ink-muted:var(--color-ink-muted);
  --ux-ink-faint:var(--color-ink-faint);
  --ux-border:var(--color-border);
  --ux-border-strong:var(--color-border-strong);
  --ux-accent:var(--color-accent);
  --ux-accent-hover:var(--color-accent-hover);
  --ux-accent-soft:var(--color-accent-soft);
  --ux-info:var(--color-info);
  --ux-info-soft:var(--color-info-soft);
  --ux-teal:var(--color-teal);
  --ux-teal-soft:var(--color-teal-soft);
  --ux-success:var(--color-success);
  --ux-success-soft:var(--color-success-soft);
  --ux-warning:var(--color-warning);
  --ux-warning-soft:var(--color-warning-soft);
  --ux-danger:var(--color-danger);
  --ux-danger-soft:var(--color-danger-soft);
  --ux-error:var(--color-danger);
  --ux-error-soft:var(--color-danger-soft);
  --ux-nav:var(--color-nav);
  --ux-nav-deep:var(--color-nav-deep);
  --ux-nav-text:var(--color-nav-text);
  --ux-nav-selected:var(--color-nav-selected);
  --ux-radius:var(--radius-surface);
  --ux-radius-lg:var(--radius-panel);
  --ux-control-height:var(--control-height);
  --ux-control-pad-x:var(--control-pad-x);
  --ux-control-radius:var(--radius-control);
  --ux-focus-ring:var(--focus-ring);
  --ux-shadow-float:var(--shadow-float);
  --ux-surface-edge-shadow:var(--surface-edge-shadow);
  --ux-surface-divider:var(--color-border);
  --ux-surface-edge-top:var(--color-surface);
  --ux-surface-edge-right:var(--color-border);
  --ux-surface-edge-bottom:var(--color-border);
  --ux-surface-edge-left:var(--color-surface);

  --ink-strong:var(--color-ink);
  --ink:var(--color-ink);
  --ink-soft:var(--color-ink-muted);
  --ink-muted:var(--color-ink-muted);
  --ink-faint:var(--color-ink-faint);
  --text:var(--color-ink);
  --text-muted:var(--color-ink-muted);
  --canvas:var(--color-canvas);
  --surface:var(--color-surface);
  --surface-1:var(--color-surface);
  --surface-2:var(--color-surface-muted);
  --surface-3:var(--color-surface-muted);
  --surface-subtle:var(--color-surface-muted);
  --surface-selected:var(--color-surface-selected);
  --line:var(--color-border);
  --line-soft:var(--color-border);
  --line-strong:var(--color-border-strong);
  --border:var(--color-border);
  --border-subtle:var(--color-border);
  --control-bg:var(--color-surface);
  --blue-50:var(--color-accent-soft);
  --blue-100:var(--color-accent-soft);
  --blue-400:var(--color-accent);
  --blue-500:var(--color-accent);
  --blue-600:var(--color-accent);
  --blue-700:var(--color-accent);
  --teal-700:var(--color-teal);
  --teal-100:var(--color-teal-soft);
  --green-700:var(--color-success);
  --green-100:var(--color-success-soft);
  --amber-800:var(--color-warning);
  --amber-100:var(--color-warning-soft);
  --warning:var(--color-warning);
  --red-700:var(--color-danger);
  --red-100:var(--color-danger-soft);
  --navy-950:var(--color-nav-deep);
  --navy-900:var(--color-nav);
  --navy-850:var(--color-nav);
  --navy-800:var(--color-nav-selected);
  --radius-sm:var(--radius-control);
  --radius-md:var(--radius-surface);
  --radius-lg:var(--radius-panel);
  --radius-xl:var(--radius-panel);
  --shadow-menu:var(--shadow-float);
  --font-size-sm:var(--type-control);
  --recovery-page-gap:var(--page-gap);
  --recovery-panel-radius:var(--radius-panel);
  --recovery-control-height:var(--touch-target);
}
html{color-scheme:light}
html[lang="he"]{--font-family-current:var(--font-family-hebrew)}
html[lang="ar"]{--font-family-current:var(--font-family-arabic)}
html,body,#app{background:var(--color-canvas);color:var(--color-ink)}
body,button,input,select,textarea{font-family:var(--font-family-current)}
}