/* Generated from the Codesavory design language 1.3.1 (app layer: lasya). Do not edit by hand: change the language, then run `dl sync`. */

@font-face { font-family: "Geist"; src: url("/fonts/Geist-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Doto"; src: url("/fonts/Doto-Variable-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("/fonts/InstrumentSerif-Regular-latin.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("/fonts/InstrumentSerif-Italic-latin.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }

:root, [data-theme="light"] {
  color-scheme: light;
  --surface: #f4f4f4;
  --surface-raised: #ffffff;
  --surface-sunk: #ebebeb;
  --surface-inverse: #08090a;
  --ink: #08090a;
  --ink-muted: #575961;
  --ink-subtle: #74767e;
  --ink-inverse: #f4f4f4;
  --line: #dddddd;
  --line-strong: #74767e;
  --brand: #08090a;
  --brand-hover: #1d1e22;
  --brand-subtle: #ebebeb;
  --brand-text: #08090a;
  --on-brand: #ffffff;
  --accent: #e2704a;
  --accent-ink: #08090a;
  --accent-text: #a14829;
  --live: #c8291e;
  --on-live: #ffffff;
  --live-subtle: #ffeceb;
  --live-text: #c8291e;
  --success: #2c724f;
  --success-subtle: #edf7f2;
  --success-text: #2c724f;
  --info: #3d3e44;
  --info-subtle: #ebebeb;
  --info-text: #3d3e44;
  --focus: #08090a;
  --focus-inverse: #e8855f;
  --tint-stone: #ebe8e2;
  --tint-stone-ink: #2b2925;
  --tint-cloud: #e6eaee;
  --tint-cloud-ink: #23282d;
  --tint-ash: #e4e4e4;
  --tint-ash-ink: #1f1f1f;
  --tint-ember: #f8e1d6;
  --tint-ember-ink: #7b371f;
  --tint-signal: #ffd9d6;
  --tint-signal-ink: #a21f16;
  --gray-0: #ffffff;
  --gray-25: #fafafa;
  --gray-50: #f4f4f4;
  --gray-100: #ebebeb;
  --gray-200: #dddddd;
  --gray-300: #c2c2c2;
  --gray-400: #9b9b9b;
  --gray-500: #74767e;
  --gray-600: #575961;
  --gray-700: #3d3e44;
  --gray-800: #1d1e22;
  --gray-900: #111214;
  --gray-950: #08090a;
  --ember-50: #fcf3ee;
  --ember-100: #f8e1d6;
  --ember-200: #f1c4af;
  --ember-300: #eba184;
  --ember-400: #e8855f;
  --ember-500: #e2704a;
  --ember-600: #c85a37;
  --ember-700: #a14829;
  --ember-800: #7b371f;
  --ember-900: #542617;
  --ember-950: #2f150d;
  --signal-50: #ffeceb;
  --signal-100: #ffd9d6;
  --signal-200: #feb4ae;
  --signal-300: #fc867e;
  --signal-400: #f6574c;
  --signal-500: #ea362a;
  --signal-600: #c8291e;
  --signal-700: #a21f16;
  --signal-800: #791811;
  --signal-900: #50100c;
  --signal-950: #2c0a07;
  --basil-50: #edf7f2;
  --basil-100: #dcefe6;
  --basil-200: #badecc;
  --basil-300: #8bc6a8;
  --basil-400: #54ab80;
  --basil-500: #3f8d66;
  --basil-600: #2c724f;
  --basil-700: #205b3d;
  --basil-800: #16412b;
  --basil-900: #102d1f;
  --basil-950: #0b1e14;
  --steel-50: #f5f6f7;
  --steel-100: #e8eaec;
  --steel-200: #d3d6da;
  --steel-300: #b6bac0;
  --steel-400: #979ca4;
  --steel-500: #787d86;
  --steel-600: #5d616a;
  --steel-700: #454850;
  --steel-800: #2e3035;
  --steel-900: #1c1d21;
  --steel-950: #101113;
  --leather-200: #e3c9a8;
  --leather-300: #cfa579;
  --leather-400: #b98450;
  --leather-500: #9c6636;
  --leather-600: #7e4f29;
  --leather-700: #603b20;
  --leather-800: #432917;
  --leather-900: #2b1a0f;
  --surface-warm: #f1ede6;
  --metal-hi: #f5f6f7;
  --metal-mid: #b6bac0;
  --metal-lo: #787d86;
  --stitch: #9c6636;
  --leather: #7e4f29;
  --leather-ink: #ffffff;
  --media-ground: #08090a;
  --media-ink: #f4f4f4;
  --media-ink-muted: #c2c2c2;
  --playhead: #e2704a;
  --frame-count: #74767e;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-2: 0 4px 12px rgba(0, 0, 0, 0.10), 0 12px 32px rgba(0, 0, 0, 0.08);
  --shadow-3: 0 12px 24px rgba(0, 0, 0, 0.14), 0 32px 64px rgba(0, 0, 0, 0.12);
  --shadow-product: 0 1px 1px rgba(20,16,12,0.06), 0 14px 18px -10px rgba(20,16,12,0.22), 0 38px 54px -26px rgba(20,16,12,0.30);
  --shadow-edge: inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -1px 0 rgba(20,16,12,0.08);
  --dur-instant: 80ms;
  --dur-quick: 160ms;
  --dur-base: 260ms;
  --dur-slow: 480ms;
  --dur-ring: 900ms;
  --ease-whistle: cubic-bezier(0.2, 0.9, 0.2, 1);
  --ease-settle: cubic-bezier(0.3, 0, 0, 1);
  --ease-roll: cubic-bezier(0.6, 0, 0.2, 1);
  --playhead-weight: 2px;
  --seed-dot: 8px;
  --content-wide: 1200px;
  --font-display: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-text: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-data: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-dot: "Doto", "Geist Mono", ui-monospace, monospace;
  --font-serif: "Instrument Serif", "Iowan Old Style", Georgia, serif;
  --type-display-xl-size: 72px;
  --type-display-xl-line: 72px;
  --type-display-xl-weight: 600;
  --type-display-xl-tracking: -0.04em;
  --type-display-l-size: 56px;
  --type-display-l-line: 58px;
  --type-display-l-weight: 600;
  --type-display-l-tracking: -0.04em;
  --type-display-m-size: 40px;
  --type-display-m-line: 44px;
  --type-display-m-weight: 600;
  --type-display-m-tracking: -0.04em;
  --type-title-l-size: 28px;
  --type-title-l-line: 34px;
  --type-title-l-weight: 600;
  --type-title-l-tracking: -0.025em;
  --type-title-m-size: 22px;
  --type-title-m-line: 28px;
  --type-title-m-weight: 600;
  --type-title-m-tracking: -0.025em;
  --type-title-s-size: 18px;
  --type-title-s-line: 24px;
  --type-title-s-weight: 600;
  --type-title-s-tracking: -0.01em;
  --type-body-l-size: 17px;
  --type-body-l-line: 26px;
  --type-body-l-weight: 400;
  --type-body-size: 15px;
  --type-body-line: 22px;
  --type-body-weight: 400;
  --type-body-s-size: 13px;
  --type-body-s-line: 18px;
  --type-body-s-weight: 400;
  --type-label-size: 12px;
  --type-label-line: 16px;
  --type-label-weight: 600;
  --type-label-tracking: 0.08em;
  --type-data-l-size: 48px;
  --type-data-l-line: 48px;
  --type-data-l-weight: 600;
  --type-data-l-tracking: -0.02em;
  --type-data-m-size: 28px;
  --type-data-m-line: 32px;
  --type-data-m-weight: 600;
  --type-data-s-size: 14px;
  --type-data-s-line: 20px;
  --type-data-s-weight: 500;
  --type-dot-xl-size: 96px;
  --type-dot-xl-line: 96px;
  --type-dot-xl-weight: 800;
  --type-dot-l-size: 64px;
  --type-dot-l-line: 64px;
  --type-dot-l-weight: 800;
  --type-dot-m-size: 40px;
  --type-dot-m-line: 40px;
  --type-dot-m-weight: 800;
  --type-serif-l-size: 64px;
  --type-serif-l-line: 64px;
  --type-serif-l-weight: 400;
  --type-serif-l-tracking: -0.02em;
  --type-serif-m-size: 40px;
  --type-serif-m-line: 44px;
  --type-serif-m-weight: 400;
  --type-serif-m-tracking: -0.015em;
  --type-serif-s-size: 24px;
  --type-serif-s-line: 30px;
  --type-serif-s-weight: 400;
  --type-serif-s-tracking: -0.005em;
}

.dark, [data-theme="dark"] {
  color-scheme: dark;
  --surface: #08090a;
  --surface-raised: #111214;
  --surface-sunk: #040405;
  --surface-inverse: #17181b;
  --ink: #f4f4f4;
  --ink-muted: #a3a4ab;
  --ink-subtle: #7d7f87;
  --line: #1d1e22;
  --brand: #f4f4f4;
  --brand-hover: #dddddd;
  --brand-subtle: #1d1e22;
  --brand-text: #f4f4f4;
  --on-brand: #08090a;
  --accent-text: #eba184;
  --live-subtle: #2a0f0d;
  --live-text: #fc867e;
  --success: #3f8d66;
  --success-subtle: #0f1f17;
  --success-text: #8bc6a8;
  --info: #c2c2c2;
  --info-subtle: #1d1e22;
  --info-text: #c2c2c2;
  --focus: #e8855f;
  --tint-stone: #1f1d1a;
  --tint-stone-ink: #e7e3dc;
  --tint-cloud: #181c20;
  --tint-cloud-ink: #dfe4e9;
  --tint-ash: #202020;
  --tint-ash-ink: #e4e4e4;
  --tint-ember: #2c140b;
  --tint-ember-ink: #f1c4af;
  --tint-signal: #2e0f0d;
  --tint-signal-ink: #feb4ae;
  --surface-warm: #171513;
  --metal-hi: #b6bac0;
  --metal-mid: #5d616a;
  --metal-lo: #2e3035;
  --stitch: #b98450;
  --leather: #9c6636;
  --frame-count: #7d7f87;
  --shadow-1: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  --shadow-2: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-3: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 24px 56px rgba(0, 0, 0, 0.55);
  --shadow-product: inset 0 1px 0 rgba(255,255,255,0.08), 0 18px 22px -12px rgba(0,0,0,0.65), 0 44px 60px -28px rgba(0,0,0,0.75);
  --shadow-edge: inset 0 1px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(0,0,0,0.6);
}

/* Palette: Signal. Red accent. */
[data-palette="signal"] {
  --accent: #f6574c;
  --accent-text: #a21f16;
  --focus: #08090a;
  --focus-inverse: #f6574c;
  --playhead: #f6574c;
}
[data-palette="signal"].dark, [data-palette="signal"][data-theme="dark"] {
  --accent: #f6574c;
  --accent-text: #fc867e;
  --focus: #f6574c;
  --focus-inverse: #f6574c;
  --playhead: #f6574c;
}

/* Palette: Graphite. No colour accent: black and grey only. */
[data-palette="graphite"] {
  --accent: #c2c2c2;
  --accent-text: #3d3e44;
  --focus: #08090a;
  --focus-inverse: #c2c2c2;
  --playhead: #c2c2c2;
}
[data-palette="graphite"].dark, [data-palette="graphite"][data-theme="dark"] {
  --accent: #dddddd;
  --accent-text: #dddddd;
  --focus: #dddddd;
  --focus-inverse: #c2c2c2;
  --playhead: #dddddd;
}