/* =============================================================================
   Wave 0/1 — ERP design tokens (single source for density geometry)
   Extends os-theme.css colors; does not invent new brand colors.
   Load after os-theme.css, before component sheets.
   ============================================================================= */

:root,
html {
  /* Density contract (frozen Wave 0) */
  --os-erp-toolbar-btn-height: 36px;
  --os-erp-density-control: 32px;
  --os-erp-page-control-height: 32px;
  --os-erp-density-header-row: 28px;
  --os-erp-density-row: 30px;
  --os-grid-header-row-height: 28px;
  --os-grid-row-height: 30px;
  --os-popup-control-height: 40px;
  --os-erp-popup-field-h: var(--os-popup-control-height);

  /* Page button height aligns to page controls (toolbar keeps 36px) */
  --os-btn-height: 32px;
  --os-btn-padding-y: 0.35rem;
  --os-btn-padding-x: 0.65rem;

  /* Spacing scale */
  --os-space-1: 0.25rem;
  --os-space-2: 0.5rem;
  --os-space-3: 0.75rem;
  --os-space-4: 1rem;
  --os-space-5: 1.5rem;
  --os-erp-density-gap: var(--os-space-2);
  --os-erp-density-pad: 0.75rem 1rem;

  /* Radii (existing) */
  --os-erp-radius: 0.5rem;
  --os-erp-card-radius: var(--os-erp-radius);
  --os-btn-radius: 0.4rem;
  --os-erp-badge-radius: 999px;
  --os-erp-toolbar-btn-radius: var(--os-btn-radius);

  /* LocalInvoice/Edit visual contract — form rows vs page controls */
  --os-form-row-height: 28px;
  --os-form-label-width: 8.75rem;
  --os-section-title-height: 1.65rem;
  --os-erp-form-control-height: var(--os-form-row-height);
  --os-erp-panel-border: var(--os-color-border, #d5ddd8);
  --os-erp-panel-pad: var(--os-space-2);

  /* Organic visual identity */
  --os-brand-primary: var(--os-color-primary, #146c43);
  --os-brand-primary-dark: var(--os-color-primary-dark, #0e4f31);
  --os-brand-soft: var(--os-color-primary-soft, #e7f4ec);
  --os-canvas-bg: var(--os-color-page-bg, #f3f6f4);
  --os-section-accent: 3px;

  /* Popup widths */
  --os-erp-popup-width-sm: 28rem;
  --os-erp-popup-width-md: 40rem;
  --os-erp-popup-width-lg: 56rem;
  --os-erp-popup-max-height: 85vh;

  /* Z-index scale (foundation only; do not fight all legacy stacks yet) */
  --os-z-dropdown: 1050;
  --os-z-sticky: 1020;
  --os-z-modal-backdrop: 1040;
  --os-z-modal: 1055;
  --os-z-toast: 1080;
}
