/* GENERATED from tokens.json by src/gen_tokens.py. Do not edit by hand. */
/* Orbtile design tokens v2.0.0. Dark is the default theme. */
/* Fonts are self-hosted next to this file (fonts/). SIL OFL 1.1, see fonts/OFL-*.txt. */

@font-face {
  font-family: 'Google Sans Flex';
  src: url('fonts/GoogleSansFlex-latin.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Google Sans Code';
  src: url('fonts/GoogleSansCode-latin.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: dark;
  --ot-gold: #d9a441;
  --ot-gold-hi: #f0c46a;
  --ot-gold-lo: #8f5f1c;
  --ot-terracotta: #e0703f;
  --ot-terracotta-deep: #d9693e;
  --ot-cream: #efe3cf;
  --ot-oxblood: #9e2a22;
  --ot-oxblood-hi: #c8352b;
  --ot-hot: #fff1d0;
  --ot-ink: #1f1913;
  --ot-well: #0b0908;
  --ot-bg: #100d0b;
  --ot-surface: #17130f;
  --ot-surface-2: #211b16;
  --ot-surface-3: #2a231c;
  --ot-hair: #2a2420;
  --ot-hair-strong: #3a322b;
  --ot-tile-edge: #46392e;
  --ot-text: #f2e8dc;
  --ot-text-2: #b9aa94;
  --ot-text-dim: #9c8f80;
  --ot-text-faint: #6b6055;
  --ot-gold-text: #e2b153;
  --ot-terra-text: #ec8455;
  --ot-error-text: #e06a58;
  --ot-on-accent: #1c1208;
  --ot-state-permission-core: #d9693e;
  --ot-state-permission-label: #ec8455;
  --ot-state-permission-glow: #f08a5a;
  --ot-state-question-core: #e0703f;
  --ot-state-question-label: #f0b070;
  --ot-state-question-glow: #f29a5e;
  --ot-state-error-core: #9e2a22;
  --ot-state-error-label: #e06a58;
  --ot-state-error-glow: #c8352b;
  --ot-state-tool-core: #dfa946;
  --ot-state-tool-label: #f0c46a;
  --ot-state-tool-glow: #f4cb72;
  --ot-state-streaming-core: #e0b35a;
  --ot-state-streaming-label: #e6dccf;
  --ot-state-streaming-glow: #f5d78f;
  --ot-state-thinking-core: #d9a441;
  --ot-state-thinking-label: #e2b153;
  --ot-state-thinking-glow: #f0c46a;
  --ot-state-compacting-core: #a8966e;
  --ot-state-compacting-label: #c9a063;
  --ot-state-compacting-glow: #dccaa0;
  --ot-state-done-core: #c9b38e;
  --ot-state-done-label: #e8d6b4;
  --ot-state-done-glow: #efe3cf;
  --ot-state-idle-core: #8a6435;
  --ot-state-idle-label: #9c8f80;
  --ot-state-idle-glow: #c9a466;
  --ot-state-offline-core: #4e463d;
  --ot-state-offline-label: #6e655b;
  --ot-state-offline-glow: transparent;
  --ot-state-empty-core: transparent;
  --ot-state-empty-label: #2a2420;
  --ot-state-empty-glow: transparent;
  --ot-heart-idle-deep: #17110a;
  --ot-heart-idle-base: #3d2a16;
  --ot-heart-idle-hi: #8a6435;
  --ot-heart-idle-hot: #c9a466;
  --ot-heart-idle-heart: #ead6a8;
  --ot-heart-starting-deep: #1e170c;
  --ot-heart-starting-base: #5a4620;
  --ot-heart-starting-hi: #b89660;
  --ot-heart-starting-hot: #efd9a8;
  --ot-heart-starting-heart: #fff6e4;
  --ot-heart-thinking-deep: #221408;
  --ot-heart-thinking-base: #6b4416;
  --ot-heart-thinking-hi: #d9a441;
  --ot-heart-thinking-hot: #f0c46a;
  --ot-heart-thinking-heart: #fff1d0;
  --ot-heart-tool-deep: #221408;
  --ot-heart-tool-base: #6e4816;
  --ot-heart-tool-hi: #dfa946;
  --ot-heart-tool-hot: #f4cb72;
  --ot-heart-tool-heart: #fff4d6;
  --ot-heart-streaming-deep: #241a0c;
  --ot-heart-streaming-base: #7c5a22;
  --ot-heart-streaming-hi: #e0b35a;
  --ot-heart-streaming-hot: #f5d78f;
  --ot-heart-streaming-heart: #fff8e6;
  --ot-heart-permission-deep: #240c05;
  --ot-heart-permission-base: #6a2612;
  --ot-heart-permission-hi: #d9693e;
  --ot-heart-permission-hot: #f08a5a;
  --ot-heart-permission-heart: #ffd6b8;
  --ot-heart-question-deep: #241005;
  --ot-heart-question-base: #6e3016;
  --ot-heart-question-hi: #e0703f;
  --ot-heart-question-hot: #f29a5e;
  --ot-heart-question-heart: #ffdcb8;
  --ot-heart-done-deep: #1c1610;
  --ot-heart-done-base: #5a4c38;
  --ot-heart-done-hi: #c9b38e;
  --ot-heart-done-hot: #efe3cf;
  --ot-heart-done-heart: #fffaf0;
  --ot-heart-error-deep: #1e0605;
  --ot-heart-error-base: #4e100d;
  --ot-heart-error-hi: #9e2a22;
  --ot-heart-error-hot: #c8352b;
  --ot-heart-error-heart: #f07a60;
  --ot-heart-compacting-deep: #18140f;
  --ot-heart-compacting-base: #4a4030;
  --ot-heart-compacting-hi: #a8966e;
  --ot-heart-compacting-hot: #dccaa0;
  --ot-heart-compacting-heart: #f4ecd8;
  --ot-heart-offline-deep: #14110f;
  --ot-heart-offline-base: #2c2723;
  --ot-heart-offline-hi: #4e463d;
  --ot-heart-offline-hot: #6a6157;
  --ot-heart-offline-heart: #6a6157;
  --ot-font-sans: 'Google Sans Flex', -apple-system, 'SF Pro Text', system-ui, sans-serif;
  --ot-font-mono: 'Google Sans Code', ui-monospace, 'SF Mono', Menlo, monospace;
  --ot-font-app: 'Google Sans Flex', -apple-system, system-ui;
  --ot-fs-display-xl: 76px;
  --ot-lh-display-xl: 1.0;
  --ot-tr-display-xl: -0.022em;
  --ot-fs-display-l: 56px;
  --ot-lh-display-l: 1.04;
  --ot-tr-display-l: -0.02em;
  --ot-fs-h1: 44px;
  --ot-lh-h1: 1.08;
  --ot-tr-h1: -0.02em;
  --ot-fs-h2: 32px;
  --ot-lh-h2: 1.15;
  --ot-tr-h2: -0.015em;
  --ot-fs-h3: 20px;
  --ot-lh-h3: 1.3;
  --ot-tr-h3: -0.01em;
  --ot-fs-lead: 19px;
  --ot-lh-lead: 1.55;
  --ot-tr-lead: -0.005em;
  --ot-fs-body: 16px;
  --ot-lh-body: 1.6;
  --ot-tr-body: 0;
  --ot-fs-small: 14px;
  --ot-lh-small: 1.5;
  --ot-tr-small: 0;
  --ot-fs-mono: 13px;
  --ot-lh-mono: 1.55;
  --ot-tr-mono: 0;
  --ot-fs-mono-s: 11.5px;
  --ot-lh-mono-s: 1.45;
  --ot-tr-mono-s: 0.01em;
  --ot-fs-kicker: 12px;
  --ot-lh-kicker: 1.3;
  --ot-tr-kicker: 0.12em;
  --ot-r-xs: 4px;
  --ot-r-sm: 6px;
  --ot-r-md: 10px;
  --ot-r-lg: 14px;
  --ot-r-xl: 20px;
  --ot-r-2xl: 28px;
  --ot-r-tile: 25%;
  --ot-r-key: 17%;
  --ot-r-pill: 999px;
  --ot-r-app-icon: 22.5%;
  --ot-space-1: 4px;
  --ot-space-2: 8px;
  --ot-space-3: 12px;
  --ot-space-4: 16px;
  --ot-space-5: 20px;
  --ot-space-6: 24px;
  --ot-space-8: 32px;
  --ot-space-10: 40px;
  --ot-space-12: 48px;
  --ot-space-16: 64px;
  --ot-space-20: 80px;
  --ot-space-24: 96px;
  --ot-space-32: 128px;
  --ot-space-content-max: 1200px;
  --ot-space-gutter: 32px;
  --ot-space-gutter-mobile: 16px;
  --ot-shadow-raise-1: inset 0 1px 0 rgba(255,236,210,0.05), 0 1px 2px rgba(0,0,0,0.45);
  --ot-shadow-raise-2: inset 0 1px 0 rgba(255,236,210,0.06), 0 10px 30px -10px rgba(0,0,0,0.65);
  --ot-shadow-popover: 0 0 0 1px rgba(255,236,210,0.08), 0 30px 80px -20px rgba(0,0,0,0.8), 0 12px 24px -12px rgba(0,0,0,0.55);
  --ot-shadow-device: 0 50px 100px -30px rgba(0,0,0,0.85), 0 0 0 1px rgba(255,236,210,0.05);
  --ot-glow-gold: 0 0 18px rgba(217,164,65,0.45), 0 0 56px rgba(217,164,65,0.18);
  --ot-glow-terracotta: 0 0 18px rgba(224,112,63,0.5), 0 0 56px rgba(224,112,63,0.2);
  --ot-glow-cream: 0 0 16px rgba(239,227,207,0.3), 0 0 48px rgba(239,227,207,0.1);
  --ot-glow-oxblood: 0 0 18px rgba(158,42,34,0.55), 0 0 48px rgba(158,42,34,0.2);
  --ot-glow-cta: inset 0 1px 0 rgba(255,244,214,0.55), inset 0 0 0 1px rgba(143,95,28,0.35), 0 10px 30px -8px rgba(217,164,65,0.5);
  --ot-dur-instant: 80ms;
  --ot-dur-fast: 140ms;
  --ot-dur-base: 220ms;
  --ot-dur-slow: 360ms;
  --ot-dur-state-change: 280ms;
  --ot-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ot-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --ot-ease-emphasized: cubic-bezier(0.3, 0, 0, 1.15);
  --ot-ease-breathe: cubic-bezier(0.45, 0, 0.55, 1);
}

/* Mobile type sizes (below 720 px). */
@media (max-width: 719px) {
  :root {
    --ot-fs-display-xl: 46px;
    --ot-fs-display-l: 38px;
    --ot-fs-h1: 32px;
    --ot-fs-h2: 26px;
    --ot-fs-h3: 19px;
    --ot-fs-lead: 17px;
    --ot-fs-body: 16px;
    --ot-fs-small: 14px;
    --ot-fs-mono: 13px;
    --ot-fs-mono-s: 11.5px;
    --ot-fs-kicker: 11px;
  }
}

/* Light theme: explicit opt-in. */
:root[data-theme="light"] {
  color-scheme: light;
  --ot-well: #14110e;
  --ot-bg: #f5f1eb;
  --ot-surface: #fffdf9;
  --ot-surface-2: #ece5dc;
  --ot-surface-3: #e0d6c9;
  --ot-hair: #e0d7cb;
  --ot-hair-strong: #cfc3b4;
  --ot-tile-edge: #bfb09c;
  --ot-text: #1f1913;
  --ot-text-2: #4f4439;
  --ot-text-dim: #6a5f53;
  --ot-text-faint: #9a8e81;
  --ot-gold-text: #946414;
  --ot-terra-text: #b4501f;
  --ot-error-text: #b3342a;
  --ot-on-accent: #1c1208;
  --ot-glow-gold: none; --ot-glow-terracotta: none; --ot-glow-cream: none; --ot-glow-oxblood: none;
  --ot-shadow-raise-2: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 30px -12px rgba(60,40,20,0.22);
  --ot-glow-cta: inset 0 1px 0 rgba(255,244,214,0.6), inset 0 0 0 1px rgba(143,95,28,0.35), 0 4px 12px -4px rgba(120,80,20,0.35);
}

/* Light theme: follow the system unless the page pins dark. */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --ot-well: #14110e;
    --ot-bg: #f5f1eb;
    --ot-surface: #fffdf9;
    --ot-surface-2: #ece5dc;
    --ot-surface-3: #e0d6c9;
    --ot-hair: #e0d7cb;
    --ot-hair-strong: #cfc3b4;
    --ot-tile-edge: #bfb09c;
    --ot-text: #1f1913;
    --ot-text-2: #4f4439;
    --ot-text-dim: #6a5f53;
    --ot-text-faint: #9a8e81;
    --ot-gold-text: #946414;
    --ot-terra-text: #b4501f;
    --ot-error-text: #b3342a;
    --ot-on-accent: #1c1208;
    --ot-glow-gold: none; --ot-glow-terracotta: none; --ot-glow-cream: none; --ot-glow-oxblood: none;
    --ot-shadow-raise-2: inset 0 1px 0 rgba(255,255,255,0.8), 0 10px 30px -12px rgba(60,40,20,0.22);
    --ot-glow-cta: inset 0 1px 0 rgba(255,244,214,0.6), inset 0 0 0 1px rgba(143,95,28,0.35), 0 4px 12px -4px rgba(120,80,20,0.35);
  }
}