/* Ducks.team Night Pond — generated from tokens.json by /root/ducks-design/build-tokens.py. Do not edit by hand. */

@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-latin-wght-normal.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans-latin-wght-italic.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}

:root{
  color-scheme:dark;
  /* color */
  --night-950:#04070a;
  --night-900:#071013;
  --night-850:#0b1418;
  --night-800:#111d22;
  --night-700:#182a30;
  --night-600:#23383f;
  --ink-50:#eef4f2;
  --ink-300:#a3b4af;
  --ink-500:#7e918b;
  --bill-300:#ffd36e;
  --bill-400:#ffc23d;
  --bill-600:#e39a12;
  --on-bill:#1a1205;
  --reed-400:#5ed6c4;
  --moon-200:#ffe0a3;
  --status-online:#3ddc84;
  --status-idle:#f0b232;
  --status-dnd:#f2484c;
  --status-offline:#7d8a87;
  --status-live:#b48cff;
  --brand-spotify:#1ed760;
  --line:#bee6dc1a;
  --line-strong:#bee6dc33;
  --glass:#0b1418b3;
  --glass-strong:#111d22eb;
  --well:#00000040;
  --highlight:#ffffff0d;
  --tint-bill:#ffc23d24;
  --tint-reed:#5ed6c41f;
  --tint-online:#3ddc8414;
  --tint-idle:#f0b23214;
  --tint-dnd:#f2484c14;
  --bg:var(--night-950);
  --surface:var(--glass);
  --surface-raised:var(--night-800);
  --surface-sunk:var(--well);
  --border:var(--line);
  --border-strong:var(--line-strong);
  --text:var(--ink-50);
  --text-muted:var(--ink-300);
  --text-faint:var(--ink-500);
  --accent:var(--bill-400);
  --accent-hover:var(--bill-300);
  --accent-pressed:var(--bill-600);
  --on-accent:var(--on-bill);
  --info:var(--reed-400);
  --focus:var(--bill-400);
  /* shadow */
  --shadow-raised:inset 0 1px 0 #ffffff0d, 0 6px 18px #00000059;
  --shadow-panel:inset 0 1px 0 #ffffff0d, 0 30px 70px #00000047;
  --shadow-overlay:0 18px 40px #00000066;
  --shadow-glow:0 10px 34px #ffc23d47;
  /* spacing */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-14:56px;
  --space-18:72px;
  --space-24:96px;
  --space-32:128px;
  --layout-max:1180px;
  --layout-gap:24px;
  /* radius */
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-pill:999px;
  /* duration */
  --dur-fast:120ms;
  --dur-base:200ms;
  --dur-slow:320ms;
  --dur-enter:700ms;
  --dur-intro:1100ms;
  --dur-ambient:4200ms;
  /* easing */
  --ease-surface:cubic-bezier(.2,.7,.2,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  /* zIndex */
  --z-bg:0;
  --z-content:1;
  --z-hud:30;
  --z-sheet:39;
  --z-header:40;
  --z-swimmer:60;
  --z-gate:70;
  --z-toast:80;
  --z-loader:90;
  --z-skip:100;
  /* type */
  --font-display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;
  --font-sans:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --text-display-hero:800 clamp(64px, 15.5vw, 200px)/0.82 var(--font-display);
  --tracking-display-hero:-0.055em;
  --text-display-1:780 clamp(40px, 7vw, 88px)/0.92 var(--font-display);
  --tracking-display-1:-0.045em;
  --text-display-2:750 clamp(36px, 6vw, 68px)/0.95 var(--font-display);
  --tracking-display-2:-0.04em;
  --text-display-3:750 clamp(24px, 3vw, 32px)/1.1 var(--font-display);
  --tracking-display-3:-0.025em;
  --text-title:650 18px/1.3 var(--font-sans);
  --tracking-title:normal;
  --text-lead:400 clamp(17px, 1.6vw, 20px)/1.55 var(--font-sans);
  --tracking-lead:normal;
  --text-body:400 16px/1.6 var(--font-sans);
  --tracking-body:normal;
  --text-body-s:500 14px/1.5 var(--font-sans);
  --tracking-body-s:normal;
  --text-button:650 15px/1 var(--font-sans);
  --tracking-button:normal;
  --text-label:600 12px/1.2 var(--font-mono);
  --tracking-label:0.08em;
  --text-data:500 13px/1.4 var(--font-mono);
  --tracking-data:normal;
  --text-caption:500 11px/1.3 var(--font-mono);
  --tracking-caption:normal;
}