/* commergenix-tokens.css
 * GENERATED FROM design/tokens.json — DO NOT EDIT BY HAND.
 * Regenerate: node design/generate-tokens.mjs
 */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/_content/ProductWorkbench.Core.UI/fonts/InterVariable.woff2") format("woff2");
}

:root {
  --cg-green: #00BF40;
  --cg-green-dark: #009532;
  --cg-green-deep: #007326;
  --cg-green-soft: #E6F9EC;
  --cg-green-rgb: 0, 191, 64;
  --cg-black: #000000;
  --cg-canvas: #F3F6F5;
  --cg-surface: #FFFFFF;
  --cg-surface-sunken: #ECF1EF;
  --cg-dark-surface: #0E1311;
  --cg-dark-elevated: #121816;
  --cg-text: #17201D;
  --cg-text-muted: #66736E;
  --cg-text-subtle: #8A948F;
  --cg-text-on-brand: #03140A;
  --cg-text-on-dark: #E8EFEC;
  --cg-text-on-dark-muted: #9AA8A3;
  --cg-border: #DCE4E1;
  --cg-border-strong: #C3CFCA;
  --cg-border-dark: #1E2724;
  --cg-neutral-50: #F6F8F7;
  --cg-neutral-100: #ECF1EF;
  --cg-neutral-200: #DCE4E1;
  --cg-neutral-300: #C3CFCA;
  --cg-neutral-400: #9BAAA4;
  --cg-neutral-500: #75837D;
  --cg-neutral-600: #5A6862;
  --cg-neutral-700: #404B47;
  --cg-neutral-800: #2A322F;
  --cg-neutral-900: #17201D;
  --cg-success: #2F9E5B;
  --cg-success-fg: #236D41;
  --cg-success-bg: #E6F3EB;
  --cg-success-border: #B0DAC1;
  --cg-warning: #E0A82E;
  --cg-warning-fg: #977424;
  --cg-warning-bg: #FBF5E6;
  --cg-warning-border: #F3DEB0;
  --cg-danger: #D64545;
  --cg-danger-fg: #903433;
  --cg-danger-bg: #FAE9E9;
  --cg-danger-border: #EFB8B8;
  --cg-info: #3B7DD8;
  --cg-info-fg: #2B5892;
  --cg-info-bg: #E7EFFA;
  --cg-info-border: #B5CEF0;
  --cg-inactive: #94A29C;
  --cg-inactive-fg: #65706B;
  --cg-inactive-bg: #F2F4F3;
  --cg-inactive-border: #D6DCD9;
  --cg-pending: #1F9BB3;
  --cg-pending-fg: #196B7A;
  --cg-pending-bg: #E4F3F6;
  --cg-pending-border: #AAD9E2;
  --cg-blocked: #A32C4A;
  --cg-blocked-fg: #6F2336;
  --cg-blocked-bg: #F4E6E9;
  --cg-blocked-border: #DCAFBA;
  --cg-unknown: #6B7B85;
  --cg-unknown-fg: #4A575C;
  --cg-unknown-bg: #EDEFF0;
  --cg-unknown-border: #C7CDD1;
  --cg-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --cg-font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  --cg-font-size-xs: 12px;
  --cg-font-size-sm: 13px;
  --cg-font-size-base: 14px;
  --cg-font-size-md: 15px;
  --cg-font-size-lg: 16px;
  --cg-font-size-xl: 18px;
  --cg-font-size-2xl: 22px;
  --cg-font-size-3xl: 28px;
  --cg-font-weight-regular: 400;
  --cg-font-weight-medium: 500;
  --cg-font-weight-semibold: 600;
  --cg-font-weight-bold: 700;
  --cg-line-tight: 1.2;
  --cg-line-snug: 1.35;
  --cg-line-normal: 1.5;
  --cg-space-0: 0;
  --cg-space-1: 2px;
  --cg-space-2: 4px;
  --cg-space-3: 6px;
  --cg-space-4: 8px;
  --cg-space-5: 12px;
  --cg-space-6: 16px;
  --cg-space-7: 20px;
  --cg-space-8: 24px;
  --cg-space-9: 32px;
  --cg-space-10: 40px;
  --cg-space-11: 48px;
  --cg-border-thin: 1px;
  --cg-border-medium: 2px;
  --cg-border-thick: 3px;
  --cg-radius-none: 0;
  --cg-radius-sm: 3px;
  --cg-radius-md: 5px;
  --cg-radius-lg: 8px;
  --cg-radius-pill: 999px;
  --cg-shadow-sm: 0 1px 2px rgba(11, 15, 14, 0.06);
  --cg-shadow-md: 0 2px 6px rgba(11, 15, 14, 0.08), 0 1px 2px rgba(11, 15, 14, 0.06);
  --cg-shadow-lg: 0 8px 24px rgba(11, 15, 14, 0.12);
  --cg-transition-fast: 120ms;
  --cg-transition-base: 180ms;
  --cg-transition-slow: 240ms;
  --cg-ease: cubic-bezier(0.2, 0, 0, 1);
  --cg-focus-ring: rgba(0, 191, 64, 0.45);
  --cg-focus-ring-width: 2px;
  --cg-focus-ring-offset: 2px;
  --cg-control-h-sm: 28px;
  --cg-control-h-md: 34px;
  --cg-control-h-lg: 40px;
  --cg-table-row-py-compact: 4px;
  --cg-table-row-py-default: 8px;
  --cg-table-row-py-comfortable: 12px;
  --cg-sidebar-w: 250px;
  --cg-sidebar-w-collapsed: 68px;
  --cg-header-h: 56px;
  --cg-bp-sm: 576px;
  --cg-bp-md: 768px;
  --cg-bp-lg: 992px;
  --cg-bp-xl: 1200px;
  --cg-bp-xxl: 1400px;
  --cg-z-dropdown: 1000;
  --cg-z-sticky: 1020;
  --cg-z-fixed: 1030;
  --cg-z-modal-backdrop: 1040;
  --cg-z-modal: 1050;
  --cg-z-popover: 1060;
  --cg-z-tooltip: 1070;
  --cg-z-toast: 1080;
}

/* Phase 1 typography foundation (the one intentional visual change). */
html {
  font-family: var(--cg-font-sans);
}