/* ==========================================================================
   BIZWAVE ERP — DESIGN TOKENS (QuickBooks Online Reference)
   ========================================================================== */

:root {
  /* Brand & Semantic Colors */
  --c-primary: #2CA01C;
  --c-primary-hover: #108000;
  --c-primary-active: #0B6B00;
  --c-primary-tint: #E9F6E7;

  --c-link: #0077C5;
  --c-link-hover: #005A99;

  --c-danger: #D52B1E;
  --c-danger-hover: #B81F13;
  --c-danger-tint: #FDECEA;

  --c-warning: #FF8000;
  --c-warning-hover: #E07000;
  --c-warning-tint: #FFF3E5;

  --c-info: #0077C5;
  --c-info-tint: #E5F1FA;

  --c-success: #2CA01C;
  --c-success-tint: #E9F6E7;

  /* Neutrals */
  --c-text: #393A3D;
  --c-text-2: #6B6C72;
  --c-text-disabled: #BABEC5;
  --c-text-inverse: #FFFFFF;

  --c-bg: #F4F5F8;
  --c-surface: #FFFFFF;
  --c-surface-hover: #F8F9FA;
  --c-border: #D4D7DC;
  --c-border-strong: #8D9096;
  --c-border-light: #EBECEF;
  --c-row-hover: #F4F5F8;

  /* Navigation (Modern White QuickBooks Online Style) */
  --c-nav-bg: #FFFFFF;
  --c-nav-hover: #F4F5F8;
  --c-nav-active: #2CA01C;
  --c-nav-text: #393A3D;
  --c-nav-text-muted: #6B6C72;
  --c-nav-border: #E0E3E8;
  --w-nav: 78px;
  --w-nav-expanded: 220px;

  /* Status Colors (Pills) */
  --c-status-draft-bg: #EAECEF;
  --c-status-draft-text: #4B4D52;
  --c-status-submitted-bg: #E5F1FA;
  --c-status-submitted-text: #0077C5;
  --c-status-approved-bg: #E9F6E7;
  --c-status-approved-text: #108000;
  --c-status-posted-bg: #E9F6E7;
  --c-status-posted-text: #0B6B00;
  --c-status-rejected-bg: #FDECEA;
  --c-status-rejected-text: #D52B1E;
  --c-status-overdue-bg: #FDECEA;
  --c-status-overdue-text: #B81F13;
  --c-status-reversed-bg: #F0EDF6;
  --c-status-reversed-text: #6A4C93;
  --c-status-pending-bg: #FFF3E5;
  --c-status-pending-text: #C46200;

  /* Typography */
  --font: "Avenir Next for Intuit", "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-h3: 18px;
  --fs-h2: 22px;
  --fs-h1: 28px;

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  --lh-tight: 1.25;
  --lh-base: 1.5;

  /* Spacing & Sizing (4px grid) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;

  /* Radii */
  --r-input: 4px;
  --r-card: 8px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-1: 0 1px 2px rgba(57, 58, 61, 0.12);
  --shadow-2: 0 4px 12px rgba(57, 58, 61, 0.18);
  --shadow-3: 0 8px 24px rgba(57, 58, 61, 0.22);
  --shadow-dropdown: 0 4px 16px rgba(0, 0, 0, 0.14);

  /* Layout Dimensions */
  --h-topbar: 56px;
  --w-nav: 78px;
  --w-nav-collapsed: 78px;
  --h-control: 36px;
  --z-topbar: 100;
  --z-sidebar: 110;
  --z-drawer: 200;
  --z-modal: 300;
  --z-toast: 400;
  --z-dropdown: 150;
  --z-sticky-bar: 90;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
}