/* Shared by the form, the report and the admin panel. Geseme guidelines 2022, same tokens as the mockup. */
@font-face{font-family:"Atyp BL";src:url("assets/fonts/AtypBLText-Regular.woff2") format("woff2");font-weight:400;font-display:swap;}
@font-face{font-family:"Atyp BL";src:url("assets/fonts/AtypBLText-Medium.woff2") format("woff2");font-weight:500;font-display:swap;}
@font-face{font-family:"Atyp BL";src:url("assets/fonts/AtypBLText-Semibold.woff2") format("woff2");font-weight:600;font-display:swap;}

:root{
  --blanco:#F7F8F3;
  --white:#FFFFFF;
  --indigo:#041367;
  --geseme:#005BEF;
  --geseme-hover:color-mix(in oklab, var(--geseme), #000 15%);
  --geseme-tint:color-mix(in oklab, var(--geseme), #fff 92%);
  --geseme-glow:color-mix(in oklab, var(--geseme), transparent 85%);
  --celeste:#B9DEFA;
  --terracota:#FFCDAD;
  --limon:#F0F56E;

  --ink:#041367;
  --ink-2:#3b466f;
  --ink-3:#6b76a3;
  --line:#e4e3da;
  --line-2:#d7d6cc;
  --crit:#d8402f;
  --crit-bg:#fbe3df;
  --warn:#9a5a12;
  --warn-bg:#fdf0dc;
  --ok:#17795a;
  --ok-bg:#ddf3ea;

  --radius:14px;
  --radius-sm:9px;
  --shadow-card:0 1px 2px rgba(4,19,103,.05), 0 2px 8px rgba(4,19,103,.04);
  --sans:"Atyp BL","Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
}

*{box-sizing:border-box;}
body{
  margin:0;font-family:var(--sans);background:var(--blanco);color:var(--ink);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:-0.01em;
  font-size:16px;line-height:1.5;
}
a{color:var(--geseme);}
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:15px;font-weight:600;color:var(--white);background:var(--geseme);
  border:none;border-radius:999px;padding:11px 22px;cursor:pointer;text-decoration:none;transition:background .12s;}
.btn:hover{background:var(--geseme-hover);}
.btn:focus-visible{outline:2px solid var(--indigo);outline-offset:3px;}
.btn.ghost{background:transparent;color:var(--geseme);box-shadow:inset 0 0 0 1.5px var(--geseme);}
.btn.ghost:hover{background:var(--geseme-tint);}
.btn.small{font-size:13.5px;padding:7px 14px;}
