/* ITERFACT_DESIGN_TOKENS_START */
:root {
  color-scheme: light dark;

  --color-background-primary: #ffffff;
  --color-background-secondary: #f8f6f0;
  --color-background-tertiary: #f1efe8;
  --color-background-info: #e6f1fb;
  --color-background-danger: #fcebeb;
  --color-background-success: #eaf3de;
  --color-background-warning: #faeeda;

  --color-text-primary: #2c2c2a;
  --color-text-secondary: #5f5e5a;
  --color-text-tertiary: #888780;
  --color-text-info: #0c447c;
  --color-text-danger: #791f1f;
  --color-text-success: #27500a;
  --color-text-warning: #633806;

  --color-border-tertiary: rgba(44, 44, 42, 0.15);
  --color-border-secondary: rgba(44, 44, 42, 0.3);
  --color-border-primary: rgba(44, 44, 42, 0.4);
  --color-border-info: #378add;
  --color-border-danger: #e24b4a;
  --color-border-success: #639922;
  --color-border-warning: #ba7517;

  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  --border-radius-md: 8px;
  --border-radius-lg: 12px;
  --border-radius-xl: 16px;
  --border-width-hairline: 0.5px;

  --ramp-purple-50: #EEEDFE;
  --ramp-purple-100: #CECBF6;
  --ramp-purple-200: #AFA9EC;
  --ramp-purple-400: #7F77DD;
  --ramp-purple-600: #534AB7;
  --ramp-purple-800: #3C3489;
  --ramp-purple-900: #26215C;

  --ramp-teal-50: #E1F5EE;
  --ramp-teal-100: #9FE1CB;
  --ramp-teal-200: #5DCAA5;
  --ramp-teal-400: #1D9E75;
  --ramp-teal-600: #0F6E56;
  --ramp-teal-800: #085041;
  --ramp-teal-900: #04342C;

  --ramp-coral-50: #FAECE7;
  --ramp-coral-100: #F5C4B3;
  --ramp-coral-200: #F0997B;
  --ramp-coral-400: #D85A30;
  --ramp-coral-600: #993C1D;
  --ramp-coral-800: #712B13;
  --ramp-coral-900: #4A1B0C;

  --ramp-pink-50: #FBEAF0;
  --ramp-pink-100: #F4C0D1;
  --ramp-pink-200: #ED93B1;
  --ramp-pink-400: #D4537E;
  --ramp-pink-600: #993556;
  --ramp-pink-800: #72243E;
  --ramp-pink-900: #4B1528;

  --ramp-gray-50: #F1EFE8;
  --ramp-gray-100: #D3D1C7;
  --ramp-gray-200: #B4B2A9;
  --ramp-gray-400: #888780;
  --ramp-gray-600: #5F5E5A;
  --ramp-gray-800: #444441;
  --ramp-gray-900: #2C2C2A;

  --ramp-blue-50: #E6F1FB;
  --ramp-blue-100: #B5D4F4;
  --ramp-blue-200: #85B7EB;
  --ramp-blue-400: #378ADD;
  --ramp-blue-600: #185FA5;
  --ramp-blue-800: #0C447C;
  --ramp-blue-900: #042C53;

  --ramp-green-50: #EAF3DE;
  --ramp-green-100: #C0DD97;
  --ramp-green-200: #97C459;
  --ramp-green-400: #639922;
  --ramp-green-600: #3B6D11;
  --ramp-green-800: #27500A;
  --ramp-green-900: #173404;

  --ramp-amber-50: #FAEEDA;
  --ramp-amber-100: #FAC775;
  --ramp-amber-200: #EF9F27;
  --ramp-amber-400: #BA7517;
  --ramp-amber-600: #854F0B;
  --ramp-amber-800: #633806;
  --ramp-amber-900: #412402;

  --ramp-red-50: #FCEBEB;
  --ramp-red-100: #F7C1C1;
  --ramp-red-200: #F09595;
  --ramp-red-400: #E24B4A;
  --ramp-red-600: #A32D2D;
  --ramp-red-800: #791F1F;
  --ramp-red-900: #501313;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-background-primary: #2c2c2a;
    --color-background-secondary: #242422;
    --color-background-tertiary: #1b1b19;
    --color-background-info: #042c53;
    --color-background-danger: #501313;
    --color-background-success: #173404;
    --color-background-warning: #412402;

    --color-text-primary: #f1efe8;
    --color-text-secondary: #d3d1c7;
    --color-text-tertiary: #b4b2a9;
    --color-text-info: #b5d4f4;
    --color-text-danger: #f7c1c1;
    --color-text-success: #c0dd97;
    --color-text-warning: #fac775;

    --color-border-tertiary: rgba(241, 239, 232, 0.15);
    --color-border-secondary: rgba(241, 239, 232, 0.3);
    --color-border-primary: rgba(241, 239, 232, 0.4);
    --color-border-info: #85b7eb;
    --color-border-danger: #f09595;
    --color-border-success: #97c459;
    --color-border-warning: #ef9f27;
  }
}
/* ITERFACT_DESIGN_TOKENS_END */
