/* ============================================================
   Design tokens — imported from the "ERP Bridge Design System"
   (claude.ai/design project fb32e0d3-3374-478e-9efe-89e4c3012561).
   Do not hand-edit; re-sync from the design project instead.
   ============================================================ */

/* ---- Fonts (Google Fonts fallbacks for Inter + Open Sans) ---- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ---------------- Brand Palette ---------------- */
  --erpb-blue:        #0061A8;
  --erpb-blue-700:    #004E86;
  --erpb-blue-900:    #002F52;
  --erpb-blue-300:    #4A94C7;
  --erpb-blue-100:    #D6E7F3;
  --erpb-blue-50:     #EEF5FB;

  --erpb-teal:        #00897B;
  --erpb-teal-700:    #006A60;
  --erpb-teal-300:    #4DB6AC;
  --erpb-teal-100:    #CFE9E5;
  --erpb-teal-50:     #E8F4F2;

  --erpb-green:       #4CAF50;
  --erpb-green-700:   #388E3C;
  --erpb-green-100:   #DCEDC8;
  --erpb-green-50:    #EDF7E9;

  --erpb-charcoal:    #455A64;
  --erpb-charcoal-700:#30434C;
  --erpb-charcoal-300:#7A8A92;

  --erpb-grey-50:     #FAFBFC;
  --erpb-grey-100:    #F5F5F5;
  --erpb-grey-200:    #EDEFF2;
  --erpb-grey-300:    #DCE0E5;
  --erpb-grey-400:    #B9C0C7;
  --erpb-grey-900:    #1A2024;

  --erpb-white:       #FFFFFF;
  --erpb-black:       #0E1418;

  --erpb-amber:       #F2A52C;
  --erpb-amber-50:    #FDF3E0;
  --erpb-red:         #C5382A;
  --erpb-red-50:      #FBEAE8;
  --erpb-info:        var(--erpb-blue);

  /* ---------------- Semantic Foundations ---------------- */
  --bg-canvas:        var(--erpb-grey-100);
  --bg-surface:       var(--erpb-white);
  --bg-sunken:        var(--erpb-grey-50);
  --bg-inverse:       var(--erpb-blue-900);

  --fg-primary:       var(--erpb-charcoal-700);
  --fg-title:         var(--erpb-blue);
  --fg-muted:         var(--erpb-charcoal);
  --fg-subtle:        var(--erpb-charcoal-300);
  --fg-inverse:       var(--erpb-white);
  --fg-link:          var(--erpb-teal);
  --fg-link-hover:    var(--erpb-teal-700);
  --fg-positive:      var(--erpb-green-700);
  --fg-warning:       var(--erpb-amber);
  --fg-negative:      var(--erpb-red);

  --border-subtle:    var(--erpb-grey-200);
  --border-default:   var(--erpb-grey-300);
  --border-strong:    var(--erpb-charcoal-300);
  --border-focus:     var(--erpb-teal);

  /* ---------------- Type ---------------- */
  --font-display:     'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-body:        'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:        'JetBrains Mono', 'SF Mono', ui-monospace, Consolas, monospace;

  --fw-regular:       400;
  --fw-medium:        500;
  --fw-semibold:      600;
  --fw-bold:          700;
  --fw-extrabold:     800;
  --fw-black:         900;

  --fs-h1:            36px;
  --fs-h2:            28px;
  --fs-h3:            22px;
  --fs-h4:            18px;
  --fs-body:          16px;
  --fs-small:         14px;
  --fs-caption:       12px;
  --fs-overline:      11px;

  --lh-tight:         1.15;
  --lh-snug:          1.3;
  --lh-body:          1.5;

  --tracking-tight:   -0.01em;
  --tracking-overline:0.12em;

  /* ---------------- Spacing & Radii ---------------- */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 999px;

  /* ---------------- Elevation ---------------- */
  --shadow-xs: 0 1px 1px rgba(17, 38, 55, 0.04);
  --shadow-sm: 0 1px 2px rgba(17, 38, 55, 0.06), 0 1px 1px rgba(17, 38, 55, 0.04);
  --shadow-md: 0 4px 10px -2px rgba(17, 38, 55, 0.08), 0 2px 4px -1px rgba(17, 38, 55, 0.05);
  --shadow-lg: 0 12px 24px -6px rgba(17, 38, 55, 0.12), 0 4px 8px -2px rgba(17, 38, 55, 0.06);
  --shadow-focus: 0 0 0 3px rgba(0, 137, 123, 0.25);
  --shadow-focus-blue: 0 0 0 3px rgba(0, 97, 168, 0.25);

  /* ---------------- Motion ---------------- */
  --ease-standard: cubic-bezier(0.2, 0.0, 0.2, 1);
  --dur-fast:      120ms;
  --dur-base:      180ms;
}