/*
 * Generated from design/RMC_Crusher_ERP_Phase1_Figma_Design_Tokens_v1.1.json
 * Do not edit by hand. Run: php spark design:compile-tokens
 * Bind UI to --color-*, --space-*, --radius-*, --status-*, --component-*, --bp-* only.
 * Light theme only.
 */
:root {
  --color-background: #F5F6F8;
  --color-surface: #FFFFFF;
  --color-surface-raised: #FFFFFF;
  --color-surface-sunken: #EDEFF2;
  --color-border: #D8DCE2;
  --color-border-strong: #AAB2BD;
  --color-text-primary: #12161C;
  --color-text-secondary: #5A6472;
  --color-text-disabled: #9AA3AF;
  --color-text-inverse: #FFFFFF;
  --color-primary: #1B4F9C;
  --color-primary-hover: #16407F;
  --color-primary-pressed: #102F60;
  --color-primary-subtle: #E8EFF9;
  --color-accent: #0F6F72;
  --color-accent-subtle: #E4F1F1;
  --color-success: #1C6B3C;
  --color-success-subtle: #E6F2EA;
  --color-warning: #8A5A00;
  --color-warning-subtle: #FBF0DC;
  --color-error: #A32020;
  --color-error-subtle: #FAE8E8;
  --color-information: #1B4F9C;
  --color-information-subtle: #E8EFF9;
  --color-focus-ring: #1B4F9C;
  --color-overlay: rgba(18, 22, 28, 0.45);
  --space-field-gap: 12px;
  --space-field-gap-touch: 16px;
  --space-label-gap: 4px;
  --space-section-gap: 24px;
  --space-region-gap: 32px;
  --space-inline-gap: 8px;
  --space-page-padding-desktop: 24px;
  --space-page-padding-tablet: 20px;
  --space-page-padding-mobile: 16px;
  --space-card-padding: 16px;
  --space-dialog-padding: 20px;
  --space-cell-padding-x: 12px;
  --space-empty-state-padding: 48px;
  --radius-control: 6px;
  --radius-container: 8px;
  --radius-badge: 999px;
  --z-base: 0;
  --z-sticky: 100;
  --z-dropdown: 200;
  --z-tooltip: 300;
  --z-drawer: 400;
  --z-dialog: 500;
  --z-toast: 600;
  --status-draft-fill: #EDEFF2;
  --status-draft-text: #12161C;
  --status-pending-approval-fill: #FBF0DC;
  --status-pending-approval-text: #8A5A00;
  --status-returned-correction-fill: #FBF0DC;
  --status-returned-correction-text: #8A5A00;
  --status-approved-fill: #E6F2EA;
  --status-approved-text: #1C6B3C;
  --status-pending-irn-fill: #FBF0DC;
  --status-pending-irn-text: #8A5A00;
  --status-irn-failed-fill: #FAE8E8;
  --status-irn-failed-text: #A32020;
  --status-irn-generated-fill: #E6F2EA;
  --status-irn-generated-text: #1C6B3C;
  --status-cancelled-fill: #EDEFF2;
  --status-cancelled-text: #5A6472;
  --status-active-fill: #E6F2EA;
  --status-active-text: #1C6B3C;
  --status-inactive-fill: #EDEFF2;
  --status-inactive-text: #5A6472;
  --status-available-fill: #E4F1F1;
  --status-available-text: #0F6F72;
  --status-allocated-fill: #E8EFF9;
  --status-allocated-text: #1B4F9C;
  --status-partially-allocated-fill: #E8EFF9;
  --status-partially-allocated-text: #1B4F9C;
  --status-reassigned-fill: #E4F1F1;
  --status-reassigned-text: #0F6F72;
  --status-returned-fill: #E4F1F1;
  --status-returned-text: #0F6F72;
  --status-wastage-fill: #FAE8E8;
  --status-wastage-text: #A32020;
  --status-expired-fill: #FAE8E8;
  --status-expired-text: #A32020;
  --status-reversed-fill: #EDEFF2;
  --status-reversed-text: #5A6472;
  --status-unbilled-fill: #FBF0DC;
  --status-unbilled-text: #8A5A00;
  --status-billed-fill: #E6F2EA;
  --status-billed-text: #1C6B3C;
  --status-reserved-fill: #E8EFF9;
  --status-reserved-text: #1B4F9C;
  --status-consumed-fill: #E6F2EA;
  --status-consumed-text: #1C6B3C;
  --status-released-fill: #EDEFF2;
  --status-released-text: #5A6472;
  --status-pending-disposition-fill: #FBF0DC;
  --status-pending-disposition-text: #8A5A00;
  --status-partially-disposed-fill: #FBF0DC;
  --status-partially-disposed-text: #8A5A00;
  --status-fully-disposed-fill: #E6F2EA;
  --status-fully-disposed-text: #1C6B3C;
  --component-button-height-desktop: 40px;
  --component-button-height-touch: 44px;
  --component-button-paddingx: 16px;
  --component-button-gap: 8px;
  --component-button-radius: 6px;
  --component-button-primary-fill: #1B4F9C;
  --component-button-primary-text: #FFFFFF;
  --component-button-primary-hover: #16407F;
  --component-button-primary-pressed: #102F60;
  --component-button-secondary-fill: #FFFFFF;
  --component-button-secondary-text: #12161C;
  --component-button-secondary-border: #AAB2BD;
  --component-button-tertiary-fill: transparent;
  --component-button-tertiary-text: #1B4F9C;
  --component-button-tertiary-hoverfill: #EDEFF2;
  --component-button-destructive-fill: #A32020;
  --component-button-destructive-text: #FFFFFF;
  --component-input-height-desktop: 40px;
  --component-input-height-touch: 48px;
  --component-input-paddingx: 12px;
  --component-input-radius: 6px;
  --component-input-maxwidth: 560px;
  --component-input-border-width: 1px;
  --component-input-border-colour: #D8DCE2;
  --component-input-focusborder: #1B4F9C;
  --component-input-errorborder-width: 1.5;
  --component-input-errorborder-colour: #A32020;
  --component-table-headerheight: 40px;
  --component-table-headerfill: #EDEFF2;
  --component-table-rowheight-compact: 44px;
  --component-table-rowheight-standard: 52px;
  --component-table-cellpaddingx: 12px;
  --component-table-selectedfill: #E8EFF9;
  --component-table-selectedbar-width: 3px;
  --component-table-selectedbar-colour: #1B4F9C;
  --component-table-totalsrowheight: 44px;
  --component-badge-height: 22px;
  --component-badge-paddingx: 8px;
  --component-badge-radius: 999px;
  --component-badge-iconsize: 12px;
  --component-card-padding: 16px;
  --component-card-radius: 8px;
  --component-card-border-width: 1px;
  --component-card-border-colour: #D8DCE2;
  --component-card-kpiheight: 120px;
  --component-dialog-widthsmall: 400px;
  --component-dialog-widthmedium: 560px;
  --component-dialog-widthlarge: 760px;
  --component-dialog-radius: 8px;
  --component-dialog-shadow: 0 12px 32px rgba(18, 22, 28, 0.18);
  --component-dialog-padding: 20px;
  --component-drawer-width: 480px;
  --component-drawer-widthmin: 420px;
  --component-drawer-widthmax: 520px;
  --component-drawer-shadow: 0 12px 32px rgba(18, 22, 28, 0.18);
  --component-shell-sidebarexpanded: 248px;
  --component-shell-sidebarcollapsed: 72px;
  --component-shell-sidebardrawer: 280px;
  --component-shell-headerheight-desktop: 64px;
  --component-shell-headerheight-touch: 56px;
  --component-shell-contextstripheight-tablet: 40px;
  --component-shell-contextstripheight-mobile: 36px;
  --component-shell-stickybarheight-desktop: 72px;
  --component-shell-stickybarheight-mobile: 64px;
  --component-icon-sm: 16px;
  --component-icon-md: 20px;
  --component-icon-lg: 24px;
  --component-icon-strokesm: 1.5;
  --component-icon-strokelg: 2;
  --component-icon-library: Lucide;
  --component-touchtarget-min: 44px;
  --component-touchtarget-separation: 8px;
  --component-skeleton-fill: #EDEFF2;
  --component-skeleton-delayms: 300;
  --component-allocationpanel-fill: #E4F1F1;
  --component-allocationpanel-padding: 16px;
  --component-allocationpanel-lotrowheight: 52px;
  --component-linegrid-rowheight: 52px;
  --component-linegrid-addrowheight: 44px;
  --component-calculationsummary-width: 320px;
  --component-calculationsummary-rowheight: 24px;
  --component-calculationsummary-totalrowheight: 32px;
  --bp-desktop-min: 1280px;
  --bp-tablet-min: 768px;
  --bp-tablet-max: 1279px;
  --bp-mobile-min: 320px;
  --bp-mobile-max: 767px;
}