/* Four server-selected themes. Opt in with .ors-theme on the document root.
   Portable tokens: no Browse selectors, assets or app imports. */
.ors-theme {
  color-scheme: light;
  --ors-color-canvas: #f3f6fc;
  --ors-color-surface: #ffffff;
  --ors-color-surface-subtle: #f7f9fd;
  --ors-color-surface-hover: #edf3fe;
  --ors-color-surface-selected: #eaf1ff;
  --ors-color-text: #25354d;
  --ors-color-heading: #122541;
  --ors-color-muted: #52637b;
  --ors-color-accent: #215bc7;
  --ors-color-accent-hover: #194ba9;
  --ors-color-accent-active: #143d8b;
  --ors-color-on-accent: #ffffff;
  --ors-color-action: var(--ors-color-accent);
  --ors-color-action-hover: var(--ors-color-accent-hover);
  --ors-color-action-active: var(--ors-color-accent-active);
  --ors-color-input-bg: var(--ors-color-surface);
  --ors-color-border: #dce4f0;
  --ors-color-control-border: #8495ae;
  --ors-color-focus: #215bc7;
  --ors-color-info-bg: #eaf1ff;
  --ors-color-info-text: #344f78;
  --ors-color-info-border: #afc7f1;
  --ors-color-warning-bg: #fff6e6;
  --ors-color-warning-text: #785014;
  --ors-color-warning-border: #e4c991;
  --ors-color-danger-bg: #fff1f0;
  --ors-color-danger-text: #a32d33;
  --ors-color-danger-border: #e6b5b9;
  --ors-color-success: #22723e;
  --ors-color-aging: #865800;
  --ors-color-stale: #b33434;
  --ors-color-disabled-bg: #eef1f6;
  --ors-color-disabled-text: #52637b;
  --ors-color-supplier-metro-text: #1e5a90;
  --ors-color-supplier-metro-bg: #eff6ff;
  --ors-color-supplier-selgros-text: #634098;
  --ors-color-supplier-selgros-bg: #f6f0ff;

  --ors-font-family: "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --ors-font-heading-family: var(--ors-font-family);
  --ors-font-xs: 0.75rem;
  --ors-font-sm: 0.8125rem;
  --ors-font-md: 0.875rem;
  --ors-font-base: 1rem;
  --ors-font-price: 1rem;
  --ors-font-title: clamp(1.75rem, 3vw, 2rem);
  --ors-weight-regular: 400;
  --ors-weight-medium: 600;
  --ors-weight-bold: 700;
  --ors-line-tight: 1.3;
  --ors-line-body: 1.5;
  --ors-line-relaxed: 1.65;
  --ors-tracking-title: -0.035em;
  --ors-tracking-label: 0.035em;

  --ors-space-1: 0.25rem;
  --ors-space-2: 0.5rem;
  --ors-space-3: 0.75rem;
  --ors-space-4: 1rem;
  --ors-space-5: 1.25rem;
  --ors-space-6: 1.5rem;
  --ors-space-7: 2rem;
  --ors-space-8: 2.5rem;
  --ors-space-9: 3rem;
  --ors-space-10: 5rem;
  --ors-border-width: 1px;
  --ors-radius-sm: 0.375rem;
  --ors-radius-md: 0.5rem;
  --ors-radius-lg: 0.75rem;
  --ors-radius-pill: 999px;
  --ors-shadow-surface: 0 2px 4px #19365c04, 0 6px 20px #19365c05;
  --ors-shadow-popover: 0 6px 12px #19365c0a, 0 16px 40px #19365c1a;
  --ors-shadow-action: 0 2px 3px #143d8b1a;
  --ors-nav-indicator: 0 2px var(--ors-color-accent);
  --ors-focus-width: 3px;
  --ors-focus-offset: 3px;
  --ors-control-height: 2.5rem;
}

/* Ivory canvas, crisp white cards, charcoal type and selective orange accents. */
.ors-theme[data-theme="warm"] {
  --ors-color-canvas: #faf7f2;
  --ors-color-surface: #ffffff;
  --ors-color-surface-subtle: #fcf7f0;
  --ors-color-surface-hover: #fff3e8;
  --ors-color-surface-selected: #fdebd7;
  --ors-color-text: #292524;
  --ors-color-heading: #292524;
  --ors-color-muted: #625b56;
  /* Price/link orange is deeper than the filled action for 4.5:1 text contrast. */
  --ors-color-accent: #b94709;
  --ors-color-accent-hover: #7c3e1d;
  --ors-color-accent-active: #743617;
  --ors-color-action: #f97316;
  --ors-color-action-hover: #fb923c;
  --ors-color-action-active: #f06a12;
  --ors-color-on-accent: #292524;
  --ors-color-border: #e6e2dd;
  --ors-color-control-border: #8e8882;
  --ors-color-focus: #b94709;
  --ors-color-info-bg: #fdebd7;
  --ors-color-info-text: #554a43;
  --ors-color-info-border: #edd9c3;
  --ors-color-warning-bg: #fff2d7;
  --ors-color-warning-text: #785014;
  --ors-color-warning-border: #dfc28c;
  --ors-color-danger-bg: #fff0e9;
  --ors-color-danger-text: #a03427;
  --ors-color-danger-border: #e7b4a6;
  --ors-color-disabled-bg: #f2efeb;
  --ors-color-disabled-text: #625b56;
  --ors-font-heading-family: Georgia, "Times New Roman", serif;
  --ors-tracking-title: -0.025em;
  --ors-radius-sm: 0.5rem;
  --ors-radius-md: 0.625rem;
  --ors-radius-lg: 1rem;
  --ors-shadow-surface: 0 2px 5px #29252404, 0 8px 22px #29252406;
  --ors-shadow-popover: 0 6px 14px #2925240c, 0 16px 40px #2925241a;
  --ors-shadow-action: 0 2px 3px #f9731620;
}

/* Cool layered surfaces. Text/link blue and filled-button blue are separate roles. */
.ors-theme[data-theme="dark"] {
  color-scheme: dark;
  --ors-color-canvas: #101722;
  --ors-color-surface: #182231;
  --ors-color-surface-subtle: #1c293a;
  --ors-color-surface-hover: #24364e;
  --ors-color-surface-selected: #253a57;
  --ors-color-input-bg: #101c2c;
  --ors-color-text: #e0e8f3;
  --ors-color-heading: #f4f7fc;
  --ors-color-muted: #b4c2d5;
  --ors-color-accent: #9ac0ff;
  --ors-color-accent-hover: #c1d8ff;
  --ors-color-accent-active: #dbe8ff;
  --ors-color-action: #3063c7;
  --ors-color-action-hover: #386bd2;
  --ors-color-action-active: #254fa8;
  --ors-color-border: #35455b;
  --ors-color-control-border: #7a8da9;
  --ors-color-focus: #9ac0ff;
  --ors-color-info-bg: #1c304b;
  --ors-color-info-text: #c3d9f8;
  --ors-color-info-border: #4b668b;
  --ors-color-warning-bg: #342b1d;
  --ors-color-warning-text: #f3cd8c;
  --ors-color-warning-border: #8a7046;
  --ors-color-danger-bg: #3a242d;
  --ors-color-danger-text: #ffbfc6;
  --ors-color-danger-border: #95616c;
  --ors-color-success: #87d8a4;
  --ors-color-aging: #f0c777;
  --ors-color-stale: #ffabab;
  --ors-color-disabled-bg: #233043;
  --ors-color-disabled-text: #9fadc1;
  --ors-color-supplier-metro-text: #98c8ff;
  --ors-color-supplier-metro-bg: #20344d;
  --ors-color-supplier-selgros-text: #d5bbff;
  --ors-color-supplier-selgros-bg: #362946;
  --ors-radius-sm: 0.25rem;
  --ors-radius-md: 0.375rem;
  --ors-radius-lg: 0.625rem;
  --ors-shadow-surface: 0 4px 14px #00000014;
  --ors-shadow-popover: 0 8px 16px #00000033, 0 20px 44px #00000044;
  --ors-shadow-action: 0 2px 4px #00000033;
}

/* Flat white/mint, compact corners, crisp sans-serif and a fine active rule. */
.ors-theme[data-theme="minimal"] {
  --ors-color-canvas: #f7fbf9;
  --ors-color-surface: #ffffff;
  --ors-color-surface-subtle: #f3f8f5;
  --ors-color-surface-hover: #edf6f0;
  --ors-color-surface-selected: #e5f2ea;
  --ors-color-text: #263f35;
  --ors-color-heading: #163b2b;
  --ors-color-muted: #506b5d;
  --ors-color-accent: #176b48;
  --ors-color-accent-hover: #105437;
  --ors-color-accent-active: #0c412b;
  --ors-color-border: #d7e5dc;
  --ors-color-control-border: #7f998a;
  --ors-color-focus: #176b48;
  --ors-color-info-bg: #edf7f1;
  --ors-color-info-text: #335d45;
  --ors-color-info-border: #b5d4c0;
  --ors-color-warning-bg: #fff7e9;
  --ors-color-warning-text: #76511b;
  --ors-color-warning-border: #e3c999;
  --ors-color-danger-bg: #fff2f0;
  --ors-color-danger-text: #9e3432;
  --ors-color-danger-border: #e7b8b2;
  --ors-color-disabled-bg: #eef3ef;
  --ors-color-disabled-text: #506b5d;
  --ors-font-family: Arial, ui-sans-serif, system-ui, sans-serif;
  --ors-radius-sm: 0.125rem;
  --ors-radius-md: 0.25rem;
  --ors-radius-lg: 0.375rem;
  --ors-shadow-surface: none;
  --ors-shadow-popover: 0 4px 16px #163b2b12;
  --ors-shadow-action: none;
  --ors-nav-indicator: 0 1px var(--ors-color-accent);
}