/* Wynlo identity v1. Canonical colors and self-hosted type. */
@font-face {
  font-family: "Manrope";
  src: url("./fonts/manrope-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --wynlo-ink: #132E42;
  --wynlo-ink-hsl: 205.532 55.294% 16.667%;
  --wynlo-blue: #2459E0;
  --wynlo-blue-hsl: 223.085 75.200% 50.980%;
  --wynlo-blue-hover: #1B48B9;
  --wynlo-blue-hover-hsl: 222.911 74.528% 41.569%;
  --wynlo-ice: #DCEEF4;
  --wynlo-ice-hsl: 195.000 52.174% 90.980%;
  --wynlo-snow: #F6F9FB;
  --wynlo-snow-hsl: 204.000 38.462% 97.451%;
  --wynlo-white: #FFFFFF;
  --wynlo-white-hsl: 0.000 0.000% 100.000%;
  --wynlo-slate: #526875;
  --wynlo-slate-hsl: 202.286 17.588% 39.020%;
  --wynlo-line: #D8E3E9;
  --wynlo-line-hsl: 201.176 27.869% 88.039%;
  --wynlo-success: #20745C;
  --wynlo-success-hsl: 162.857 56.757% 29.020%;
  --wynlo-success-soft: #E7F3ED;
  --wynlo-success-soft-hsl: 150.000 33.333% 92.941%;
  --wynlo-amber: #F2B86B;
  --wynlo-amber-hsl: 34.222 83.851% 68.431%;
  --wynlo-amber-ink: #71430B;
  --wynlo-amber-ink-hsl: 32.941 82.258% 24.314%;
  --wynlo-amber-soft: #FFF1DD;
  --wynlo-amber-soft-hsl: 35.294 100.000% 93.333%;
  --wynlo-danger: #B63E4B;
  --wynlo-danger-hsl: 353.500 49.180% 47.843%;
  --wynlo-danger-soft: #FCECEE;
  --wynlo-danger-soft-hsl: 352.500 72.727% 95.686%;
  --wynlo-field-line: #7B919F;
  --wynlo-field-line-hsl: 203.333 15.789% 55.294%;
  --wynlo-font: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --wynlo-radius-control: 10px;
  --wynlo-radius-card: 18px;
  --wynlo-radius-panel: 24px;
  --wynlo-space-unit: 4px;
}