:root {
  --qaylo-action: #16181B;
  --qaylo-action-hover: #000000;
  --qaylo-action-on-fill: #FFFFFF;
  --qaylo-action-tint: #F1F0ED;
  --qaylo-action-fill: #E8E6E1;
  --qaylo-action-line: #D3D0CA;
  --qaylo-selected-chip: #4B4A46;
  --qaylo-occupied: #0E7C66;
  --qaylo-turning: #B45309;
  --qaylo-over: #B42318;
  --qaylo-notice-bg: #FDF3E4;
  --qaylo-notice-text: #7A4A0B;
  --qaylo-text-primary: #16181B;
  --qaylo-text-secondary: #4B4A46;
  --qaylo-text-muted: #6C6B66;
  --qaylo-surface: #FFFFFF;
  --qaylo-surface-raised: #FCFBF9;
  --qaylo-canvas: #F7F6F4;
  --qaylo-chip: #F1F0ED;
  --qaylo-line: #E4E2DE;
  --qaylo-line-strong: #C9C6BE;
  --qaylo-ring-track: #E7E6E2;
  --qaylo-scrim: rgba(22,24,27,0.44);
}

[data-theme="dark"] {
  --qaylo-action: #F2F1EE;
  --qaylo-action-hover: #FFFFFF;
  --qaylo-action-on-fill: #121316;
  --qaylo-action-tint: #262A2F;
  --qaylo-action-fill: #33373E;
  --qaylo-action-line: #4A4E55;
  --qaylo-selected-chip: #B4B1AA;
  --qaylo-occupied: #35A98F;
  --qaylo-turning: #E0912F;
  --qaylo-over: #E4695C;
  --qaylo-notice-bg: #3A2E1B;
  --qaylo-notice-text: #EFC58A;
  --qaylo-text-primary: #F2F1EE;
  --qaylo-text-secondary: #B4B1AA;
  --qaylo-text-muted: #A29F98;
  --qaylo-surface: #1C1E22;
  --qaylo-surface-raised: #1F2126;
  --qaylo-canvas: #121316;
  --qaylo-chip: #262A2F;
  --qaylo-line: #2C2F35;
  --qaylo-line-strong: #3A3E45;
  --qaylo-ring-track: #33373E;
  --qaylo-scrim: rgba(0,0,0,0.60);
}

/* geometry — identical in both themes */
:root {
  --qaylo-topbar-h: 60px;
  --qaylo-queue-col-min: 300px;
  --qaylo-queue-col-max: 360px;
  --qaylo-chip-web: 80px;
  --qaylo-chip-web-inner: 68px;
  --qaylo-chip-phone: 70px;
  --qaylo-chip-phone-inner: 60px;
  --qaylo-ring-stroke: 6px;
  --qaylo-floor-track: 104px;
  --qaylo-btn-h: 44px;
  --qaylo-btn-h-lg: 52px;
  --qaylo-input-h: 48px;
  --qaylo-row-edge: 3px;
  --qaylo-radius-control: 9px;
  --qaylo-radius-control-lg: 11px;
  --qaylo-radius-card: 12px;
  --qaylo-radius-card-lg: 16px;
  --qaylo-radius-sheet: 22px;
}

/* Self-hosted variable fonts (OFL), copied from the webapp's next/font build.
   Nothing is fetched from Google, so visiting the site shares no data with it. */
@font-face {
  font-family: 'Outfit'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url('../assets/fonts/outfit-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: 'Outfit'; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url('../assets/fonts/outfit-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: 'JetBrains Mono'; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url('../assets/fonts/jetbrains-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;
}
@font-face {
  font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400 600; font-display: swap;
  src: url('../assets/fonts/jetbrains-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;
}

/* landing aliases */
:root {
  --font-ui: 'Outfit', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --container: 1120px;
  --gutter: 24px;
  --shadow-frame: 0 30px 80px -30px rgba(22, 24, 27, 0.35), 0 12px 28px -12px rgba(22, 24, 27, 0.18);
  --shadow-seg: 0 1px 2px rgba(22, 24, 27, 0.10), 0 0 0 1px rgba(22, 24, 27, 0.04);
  /* ink band uses the dark palette values, fixed (landing is light-only) */
  --ink-bg: #16181B;
  --ink-text: #F2F1EE;
  --ink-text-secondary: #B4B1AA;
  --ink-line: #4A4E55;
  --ink-chip: #262A2F;
}