/* Generated from design-system/tokens/paynila.tokens.json. Do not edit this output directly. */
:root {
  color-scheme: light;
  --pn-color-teal-900: #123F46;
  --pn-color-teal-800: #104B52;
  --pn-color-teal-700: #155C64;
  --pn-color-teal-600: #196B74;
  --pn-color-teal-500: #2A7D83;
  --pn-color-teal-300: #8EBCB5;
  --pn-color-teal-200: #B9D8D3;
  --pn-color-teal-100: #DDECEA;
  --pn-color-teal-50: #F0F7F6;
  --pn-color-neutral-950: #111A1D;
  --pn-color-neutral-900: #172126;
  --pn-color-neutral-800: #28363A;
  --pn-color-neutral-700: #415158;
  --pn-color-neutral-600: #5F6F74;
  --pn-color-neutral-500: #78868A;
  --pn-color-neutral-400: #9AA5A6;
  --pn-color-neutral-300: #BCC6C3;
  --pn-color-neutral-200: #D7DEDB;
  --pn-color-neutral-100: #F1F3F2;
  --pn-color-neutral-50: #F6F5F2;
  --pn-color-white: #FFFFFF;
  --pn-color-brand-anchor: #123F46;
  --pn-color-brand-primary: #196B74;
  --pn-color-brand-primary-hover: #155C64;
  --pn-color-brand-primary-active: #104B52;
  --pn-color-brand-on-primary: #FFFFFF;
  --pn-color-brand-support: #2A7D83;
  --pn-color-brand-support-quiet: #8EBCB5;
  --pn-color-brand-support-border: #B9D8D3;
  --pn-color-brand-support-surface: #DDECEA;
  --pn-color-brand-support-subtle: #F0F7F6;
  --pn-color-action-primary: #196B74;
  --pn-color-action-primary-hover: #155C64;
  --pn-color-action-primary-active: #104B52;
  --pn-color-action-on-primary: #FFFFFF;
  --pn-color-action-secondary: #FFFFFF;
  --pn-color-action-secondary-hover: #F1F3F2;
  --pn-color-action-destructive: #B34F4C;
  --pn-color-action-destructive-hover: #8B3735;
  --pn-color-surface-page: #F6F5F2;
  --pn-color-surface-primary: #FFFFFF;
  --pn-color-surface-secondary: #F1F3F2;
  --pn-color-surface-muted: #F1F3F2;
  --pn-color-surface-raised: #FFFFFF;
  --pn-color-surface-overlay: #FFFFFF;
  --pn-color-surface-overlay-backdrop: rgb(18 63 70 / 40%);
  --pn-color-surface-disabled: #F1F3F2;
  --pn-color-surface-selected: #DDECEA;
  --pn-color-surface-selected-row: #E4F0EE;
  --pn-color-surface-hover: #F3F7F5;
  --pn-color-text-primary: #172126;
  --pn-color-text-secondary: #415158;
  --pn-color-text-muted: #5F6F74;
  --pn-color-text-inverse: #FFFFFF;
  --pn-color-text-disabled: #5F6F74;
  --pn-color-text-link: #155C64;
  --pn-color-text-link-hover: #104B52;
  --pn-color-text-on-success: #24563F;
  --pn-color-text-on-warning: #7B5312;
  --pn-color-text-on-error: #8B3735;
  --pn-color-text-on-information: #29566F;
  --pn-color-text-on-neutral: #415158;
  --pn-color-border-default: #D7DEDB;
  --pn-color-border-strong: #BCC6C3;
  --pn-color-border-subtle: #F1F3F2;
  --pn-color-border-interactive: #2A7D83;
  --pn-color-border-input: #BCC6C3;
  --pn-color-border-input-hover: #78868A;
  --pn-color-border-focus: #196B74;
  --pn-color-border-disabled: #BCC6C3;
  --pn-color-focus-default: #196B74;
  --pn-color-focus-ring: rgb(25 107 116 / 24%);
  --pn-color-status-success-strong: #24563F;
  --pn-color-status-success-default: #2F6B4F;
  --pn-color-status-success-light: #EAF3ED;
  --pn-color-status-warning-strong: #7B5312;
  --pn-color-status-warning-default: #A87224;
  --pn-color-status-warning-light: #FBF2E3;
  --pn-color-status-error-strong: #8B3735;
  --pn-color-status-error-default: #B34F4C;
  --pn-color-status-error-light: #F9ECEB;
  --pn-color-status-information-strong: #29566F;
  --pn-color-status-information-default: #3A6F8F;
  --pn-color-status-information-light: #EDF4F7;
  --pn-color-status-neutral-strong: #415158;
  --pn-color-status-neutral-default: #78868A;
  --pn-color-status-neutral-light: #F1F3F2;
  --pn-color-status-draft-strong: #4F5B5F;
  --pn-color-status-draft-default: #78868A;
  --pn-color-status-draft-light: #EEF0EF;
  --pn-color-status-pending-strong: #72541B;
  --pn-color-status-pending-default: #A87224;
  --pn-color-status-pending-light: #F7F0E4;
  --pn-color-status-approved-strong: #24563F;
  --pn-color-status-approved-default: #2F6B4F;
  --pn-color-status-approved-light: #EAF3ED;
  --pn-color-status-returned-strong: #7C3E10;
  --pn-color-status-returned-default: #A85D25;
  --pn-color-status-returned-light: #FAEEE5;
  --pn-color-status-rejected-strong: #8B3735;
  --pn-color-status-rejected-default: #B34F4C;
  --pn-color-status-rejected-light: #F9ECEB;
  --pn-color-status-cancelled-strong: #5B6472;
  --pn-color-status-cancelled-default: #7A8492;
  --pn-color-status-cancelled-light: #F0F2F4;
  --pn-color-status-processing-strong: #72541B;
  --pn-color-status-processing-default: #A87224;
  --pn-color-status-processing-light: #F7F0E4;
  --pn-color-status-completed-strong: #24563F;
  --pn-color-status-completed-default: #2F6B4F;
  --pn-color-status-completed-light: #EAF3ED;
  --pn-color-status-failed-strong: #8B3735;
  --pn-color-status-failed-default: #B34F4C;
  --pn-color-status-failed-light: #F9ECEB;
  --pn-color-status-locked-strong: #415158;
  --pn-color-status-locked-default: #78868A;
  --pn-color-status-locked-light: #F1F3F2;
  --pn-color-status-finalized-strong: #415158;
  --pn-color-status-finalized-default: #78868A;
  --pn-color-status-finalized-light: #F1F3F2;
  --pn-color-status-disabled-strong: #7C8593;
  --pn-color-status-disabled-default: #9CA5B3;
  --pn-color-status-disabled-light: #F3F4F6;
  --pn-font-family-ui: "Source Sans 3", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --pn-font-size-text-xs: 12px;
  --pn-font-size-text-sm: 14px;
  --pn-font-size-text-md: 16px;
  --pn-font-size-text-lg: 18px;
  --pn-font-size-heading-sm: 20px;
  --pn-font-size-heading-md: 24px;
  --pn-font-size-heading-lg: 30px;
  --pn-font-size-display-sm: 36px;
  --pn-font-size-display-md: 48px;
  --pn-font-size-display-lg: 60px;
  --pn-font-weight-regular: 400;
  --pn-font-weight-medium: 500;
  --pn-font-weight-semibold: 600;
  --pn-font-weight-bold: 700;
  --pn-font-line-height-text-xs: 16px;
  --pn-font-line-height-text-sm: 20px;
  --pn-font-line-height-text-md: 24px;
  --pn-font-line-height-text-lg: 26px;
  --pn-font-line-height-heading-sm: 28px;
  --pn-font-line-height-heading-md: 32px;
  --pn-font-line-height-heading-lg: 38px;
  --pn-font-line-height-display-sm: 44px;
  --pn-font-line-height-display-md: 56px;
  --pn-font-line-height-display-lg: 68px;
  --pn-font-letter-spacing-default: normal;
  --pn-font-role-page-title-size: 24px;
  --pn-font-role-page-title-line-height: 32px;
  --pn-font-role-page-title-weight: 600;
  --pn-font-role-section-title-size: 20px;
  --pn-font-role-section-title-line-height: 28px;
  --pn-font-role-section-title-weight: 600;
  --pn-font-role-body-size: 16px;
  --pn-font-role-body-line-height: 24px;
  --pn-font-role-body-weight: 400;
  --pn-font-role-compact-size: 14px;
  --pn-font-role-compact-line-height: 20px;
  --pn-font-role-label-size: 14px;
  --pn-font-role-label-line-height: 20px;
  --pn-font-role-label-weight: 500;
  --pn-font-role-caption-size: 12px;
  --pn-font-role-caption-line-height: 16px;
  --pn-font-role-table-size: 14px;
  --pn-font-role-table-line-height: 20px;
  --pn-font-role-button-size: 14px;
  --pn-font-role-button-line-height: 20px;
  --pn-font-role-button-weight: 500;
  --pn-space-0: 0;
  --pn-space-1: 4px;
  --pn-space-2: 8px;
  --pn-space-3: 12px;
  --pn-space-4: 16px;
  --pn-space-5: 20px;
  --pn-space-6: 24px;
  --pn-space-8: 32px;
  --pn-space-10: 40px;
  --pn-space-12: 48px;
  --pn-space-16: 64px;
  --pn-space-20: 80px;
  --pn-space-24: 96px;
  --pn-size-control-compact: 32px;
  --pn-size-control-default: 40px;
  --pn-size-control-touch: 44px;
  --pn-size-icon-xs: 14px;
  --pn-size-icon-sm: 16px;
  --pn-size-icon-md: 20px;
  --pn-size-icon-lg: 24px;
  --pn-size-icon-xl: 32px;
  --pn-size-icon-display: 48px;
  --pn-size-content-product-max: 1440px;
  --pn-size-content-form-min: 720px;
  --pn-size-content-form-max: 960px;
  --pn-size-content-reading-min: 640px;
  --pn-size-content-reading-max: 760px;
  --pn-size-content-dialog-min: 480px;
  --pn-size-content-dialog-max: 720px;
  --pn-size-table-row-standard: 44px;
  --pn-size-table-row-compact: 36px;
  --pn-size-touch-target: 44px;
  --pn-radius-none: 0;
  --pn-radius-xs: 2px;
  --pn-radius-sm: 4px;
  --pn-radius-md: 6px;
  --pn-radius-lg: 8px;
  --pn-radius-xl: 12px;
  --pn-radius-full: 9999px;
  --pn-radius-control: 6px;
  --pn-radius-card: 6px;
  --pn-radius-dialog: 8px;
  --pn-border-width: 1px;
  --pn-border-style: solid;
  --pn-elevation-0: none;
  --pn-elevation-1: 0 1px 2px rgba(14, 21, 37, 0.06);
  --pn-elevation-2: 0 4px 10px rgba(14, 21, 37, 0.08);
  --pn-elevation-3: 0 10px 24px rgba(14, 21, 37, 0.12);
  --pn-elevation-4: 0 16px 40px rgba(14, 21, 37, 0.16);
  --pn-motion-duration-instant: 100ms;
  --pn-motion-duration-fast: 150ms;
  --pn-motion-duration-standard: 200ms;
  --pn-motion-duration-moderate: 250ms;
  --pn-motion-duration-slow: 350ms;
  --pn-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --pn-motion-ease-enter: cubic-bezier(0, 0, 0, 1);
  --pn-motion-ease-exit: cubic-bezier(0.3, 0, 1, 1);
  --pn-focus-ring-width: 2px;
  --pn-focus-ring-spread: 3px;
  --pn-focus-ring-offset: 2px;
}