/* PayStar colors · v1 · generated from Figma "PayStar DS — Library" */
:root {
  /* primitives (do not use directly) */
  --ps-amber-50: #FFF9EB;
  --ps-amber-200: #FEEAC0;
  --ps-amber-300: #FEDD9A;
  --ps-amber-400: #FECC67;
  --ps-amber-500: #FFBA00;
  --ps-amber-800: #7D4E00;
  --ps-amber-950: #311800;
  --ps-azure-50: #EFF5FE;
  --ps-azure-200: #C0D9FF;
  --ps-azure-300: #99C0FD;
  --ps-azure-400: #6BA2FB;
  --ps-azure-600: #2B6BD2;
  --ps-azure-700: #1C54B0;
  --ps-azure-800: #0C3F8E;
  --ps-azure-950: #001B4C;
  --ps-black-a60: rgb(0 0 0 / 60%);
  --ps-blue-50: #F3F7FF;
  --ps-blue-200: #B7CFFF;
  --ps-blue-300: #84ADFF;
  --ps-blue-400: #4780FF;
  --ps-blue-500: #0044FF;
  --ps-blue-600: #0037DC;
  --ps-blue-700: #002AB9;
  --ps-blue-800: #001E97;
  --ps-blue-900: #000083;
  --ps-blue-950: #000066;
  --ps-chart-1: #1F778B;
  --ps-chart-2: #FCD474;
  --ps-chart-3: #5295CD;
  --ps-chart-5: #34495E;
  --ps-green-50: #EEFBF0;
  --ps-green-200: #C0E6C7;
  --ps-green-300: #99D4A5;
  --ps-green-400: #66BE7E;
  --ps-green-500: #1FA855;
  --ps-green-700: #007033;
  --ps-green-800: #005626;
  --ps-green-950: #00270D;
  --ps-ink-900-a40: rgb(18 44 52 / 40%);
  --ps-navy-50: #F6F7F8;
  --ps-navy-100: #E8EAF6;
  --ps-navy-200: #D1D4E5;
  --ps-navy-300: #B3B7CD;
  --ps-navy-400: #8F95B1;
  --ps-navy-500: #6D7496;
  --ps-navy-600: #50587E;
  --ps-navy-700: #343D67;
  --ps-navy-800: #1B2350;
  --ps-navy-900: #12183C;
  --ps-navy-950: #0A0F2C;
  --ps-red-50: #FFF0F2;
  --ps-red-200: #FFCBD0;
  --ps-red-300: #FFABB1;
  --ps-red-400: #FF7F88;
  --ps-red-500: #FE4657;
  --ps-red-600: #D73143;
  --ps-red-700: #B11A30;
  --ps-red-800: #8C001F;
  --ps-red-950: #420009;
  --ps-white: #FFFFFF;
  --ps-yellow-50: #FCF7E7;
  --ps-yellow-300: #FEE39B;
  --ps-yellow-400: #FED869;
  --ps-yellow-500: #FFCC00;
  --ps-yellow-800: #7B5600;
  --ps-yellow-950: #2E1A00;

  /* semantic tokens: light */
  --color-primary: var(--ps-blue-500);
  --color-primary-content: var(--ps-white);
  --color-primary-hover: var(--ps-blue-600);
  --color-primary-active: var(--ps-blue-700);
  --color-primary-text: var(--ps-blue-500);
  --color-primary-soft: var(--ps-blue-50);
  --color-primary-soft-content: var(--ps-blue-700);
  --color-primary-border: var(--ps-blue-200);
  --color-secondary: var(--ps-yellow-500);
  --color-secondary-content: var(--ps-navy-950);
  --color-secondary-hover: var(--ps-yellow-400);
  --color-secondary-active: var(--ps-yellow-300);
  --color-secondary-soft: var(--ps-yellow-50);
  --color-secondary-soft-content: var(--ps-yellow-800);
  --color-accent: var(--ps-blue-900);
  --color-accent-content: var(--ps-white);
  --color-accent-hover: var(--ps-blue-800);
  --color-neutral: var(--ps-navy-900);
  --color-neutral-content: var(--ps-white);
  --color-neutral-hover: var(--ps-navy-800);
  --color-neutral-soft: var(--ps-navy-100);
  --color-brand-midnight: var(--ps-blue-900);
  --color-base-100: var(--ps-white);
  --color-base-200: var(--ps-navy-100);
  --color-base-300: var(--ps-navy-300);
  --color-base-content: var(--ps-navy-950);
  --color-base-content-muted: var(--ps-navy-600);
  --color-base-content-subtle: var(--ps-navy-500);
  --color-base-border: var(--ps-navy-200);
  --color-base-border-strong: var(--ps-navy-300);
  --color-disabled: var(--ps-navy-200);
  --color-disabled-content: var(--ps-navy-400);
  --color-overlay: var(--ps-ink-900-a40);
  --color-table-stripe: var(--ps-navy-50);
  --color-field: var(--ps-navy-50);
  --color-field-border: var(--ps-navy-200);
  --color-field-border-focus: var(--ps-blue-400);
  --color-field-addon: var(--ps-navy-100);
  --color-control-off: var(--ps-navy-300);
  --color-focus-ring: var(--ps-blue-400);
  --color-info: var(--ps-azure-600);
  --color-info-content: var(--ps-white);
  --color-info-hover: var(--ps-azure-700);
  --color-info-soft: var(--ps-azure-50);
  --color-info-soft-content: var(--ps-azure-700);
  --color-info-border: var(--ps-azure-200);
  --color-success: var(--ps-green-500);
  --color-success-content: var(--ps-navy-950);
  --color-success-hover: var(--ps-green-400);
  --color-success-soft: var(--ps-green-50);
  --color-success-soft-content: var(--ps-green-700);
  --color-success-border: var(--ps-green-200);
  --color-warning: var(--ps-amber-500);
  --color-warning-content: var(--ps-navy-950);
  --color-warning-hover: var(--ps-amber-400);
  --color-warning-soft: var(--ps-amber-50);
  --color-warning-soft-content: var(--ps-amber-800);
  --color-warning-border: var(--ps-amber-200);
  --color-error: var(--ps-red-600);
  --color-error-content: var(--ps-white);
  --color-error-hover: var(--ps-red-700);
  --color-error-soft: var(--ps-red-50);
  --color-error-soft-content: var(--ps-red-700);
  --color-error-border: var(--ps-red-200);
  --color-processing: var(--ps-blue-500);
  --color-processing-content: var(--ps-white);
  --color-processing-soft: var(--ps-blue-50);
  --color-rating: var(--ps-amber-500);
  --color-chart-1: var(--ps-chart-1);
  --color-chart-2: var(--ps-chart-2);
  --color-chart-3: var(--ps-chart-3);
  --color-chart-4: var(--ps-navy-950);
  --color-chart-5: var(--ps-chart-5);
  color-scheme: light;
}

/* Light theme only: the public site has no dark mode yet (see PayStar-Colors.md to add it). */