/* Kutup design system — derived from the circular mark.
   Glacier / ice / frost are the three ring colours of the logo; night is the deep-water
   neutral; aurora green and blue come from the ASP Dijital wordmark. Each tool owns one hue. */

@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/media/fonts/archivo-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/media/fonts/archivo-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Overpass Mono';font-style:normal;font-weight:300 700;font-display:swap;src:url(/media/fonts/overpass-mono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Overpass Mono';font-style:normal;font-weight:300 700;font-display:swap;src:url(/media/fonts/overpass-mono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* logo rings */
  --glacier:#7096C3; --ice:#ABC3E3; --frost:#F2F6FA;
  /* deep water */
  --night:#0B1D30; --night-2:#12314F; --night-3:#1D4468;
  /* ASP Dijital */
  --aurora:#00C04B; --asp-blue:#0087CD;
  /* light theme */
  --bg:#EDF2F8; --bg-2:#E1E9F3; --paper:#F8FAFD; --raised:#FFFFFF;
  --line:#CBD8E7; --line-2:#AFC2D8;
  --ink:#0C2036; --ink-2:#33495F; --ink-3:#546A80;
  --link:#2E5A92; --link-hover:#0C2036;
  --btn:#0C2036; --btn-ink:#F2F6FA; --btn-hover:#1D4468;
  /* tool hues: fill (art), text (AA on paper) */
  --nq:#5C86B8;    --nq-t:#2E5A92;
  --flow:#0AA84B;  --flow-t:#00722F;
  --forge:#E09B1F; --forge-t:#8A5600;
  --lab:#C2467F;   --lab-t:#A02F66;
  --sentinel:#0FA3B1; --sentinel-t:#0A6A74;
  --spectra:#E0562B;  --spectra-t:#B03A14;
  --horizon:#8062D6;  --horizon-t:#5B3DB5;
  --ok:#00722F; --warn:#8A5600; --bad:#B0362F;
  --shadow:0 1px 0 rgba(12,32,54,.04),0 12px 32px -18px rgba(12,32,54,.28);
  --s1:var(--glacier); --s2:var(--ice); --s3:var(--frost);
  --r:10px; --r-sm:6px; --r-lg:18px;
  --wrap:1240px; --gut:clamp(1.1rem,3.4vw,2.25rem);
  --f-sans:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'Overpass Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#08131F; --bg-2:#0C1B2C; --paper:#0E2033; --raised:#12283F;
  --line:#1D3852; --line-2:#2F5073;
  --ink:#E7EFF8; --ink-2:#B4C4D6; --ink-3:#8DA3BA;
  --link:#9EC0EC; --link-hover:#F2F6FA;
  --btn:#E7EFF8; --btn-ink:#0B1D30; --btn-hover:#FFFFFF;
  --nq:#7FA6D6; --nq-t:#9EC0EC; --flow:#1FCB66; --flow-t:#4FDB8A; --forge:#F0AE3A; --forge-t:#F4C063; --lab:#E0629B; --lab-t:#EE86B3;
  --sentinel:#2CC6D4; --sentinel-t:#6FDEE8; --spectra:#F27B52; --spectra-t:#F7A184; --horizon:#9D84EC; --horizon-t:#BBA9F4;
  --ok:#4FDB8A; --warn:#F4C063; --bad:#F08A82;
  --shadow:0 1px 0 rgba(0,0,0,.4),0 14px 32px -18px rgba(0,0,0,.7);
  --s1:#2A5A86; --s2:#173F63; --s3:var(--bg);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme=light]){
    --bg:#08131F; --bg-2:#0C1B2C; --paper:#0E2033; --raised:#12283F;
    --line:#1D3852; --line-2:#2F5073;
    --ink:#E7EFF8; --ink-2:#B4C4D6; --ink-3:#8DA3BA;
    --link:#9EC0EC; --link-hover:#F2F6FA;
    --btn:#E7EFF8; --btn-ink:#0B1D30; --btn-hover:#FFFFFF;
    --nq:#7FA6D6; --nq-t:#9EC0EC; --flow:#1FCB66; --flow-t:#4FDB8A; --forge:#F0AE3A; --forge-t:#F4C063; --lab:#E0629B; --lab-t:#EE86B3;
    --sentinel:#2CC6D4; --sentinel-t:#6FDEE8; --spectra:#F27B52; --spectra-t:#F7A184; --horizon:#9D84EC; --horizon-t:#BBA9F4;
    --ok:#4FDB8A; --warn:#F4C063; --bad:#F08A82;
    --shadow:0 1px 0 rgba(0,0,0,.4),0 14px 32px -18px rgba(0,0,0,.7);
    --s1:#2A5A86; --s2:#173F63; --s3:var(--bg);
    color-scheme:dark;
  }
}