@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/SchibstedGrotesk_400Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/SchibstedGrotesk_500Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/SchibstedGrotesk_600SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Schibsted Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/SchibstedGrotesk_700Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Martian Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/MartianMono_500Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Martian Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/MartianMono_600SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Martian Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/MartianMono_700Bold.ttf") format("truetype");
}
:root {
  color-scheme: light dark;
  --color-bg: #EEF1F6;
  --color-surface: #FFFFFF;
  --color-surface-raised: #E4E9F1;
  --color-line: #D5DBE5;
  --color-text: #101720;
  --color-text-muted: #566173;
  --color-accent: #0A7468;
  --color-on-accent: #FFFFFF;
  --color-accent-tint: #0A746822;
  --color-accent-outline: #0A7468;
  --color-accent-text: #07514A;
  --color-live: #C2284A;
  --color-live-tint: #C2284A22;
  --color-live-text: #A81F3E;
  --color-reflect: #5B45D6;
  --color-reflect-tint: #5B45D622;
  --color-reflect-outline: #5B45D6;
  --color-reflect-text: #403096;
  --color-danger: #B42318;
  --color-action-neutral: #101720;
  --color-on-action-neutral: #EEF1F6;
  --space-2: 2px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-22: 22px;
  --space-24: 24px;
  --space-26: 26px;
  --space-28: 28px;
  --radius-pill: 999px;
  --radius-round: 50%;
  --radius-card-lg: 24px;
  --radius-card: 22px;
  --radius-card-sm: 20px;
  --radius-control: 16px;
  --radius-control-lg: 18px;
  --radius-tile: 14px;
  --radius-tile-sm: 13px;
  --radius-icon-tile: 12px;
  --border-width-thin: 1px;
  --border-width-thick: 2px;
  --font-size-screen-title: 30px;
  --line-height-screen-title: 33px;
  --font-size-headline: 26px;
  --line-height-headline: 30px;
  --font-size-title: 20px;
  --line-height-title: 24px;
  --font-size-title-input: 20px;
  --line-height-title-input: 24px;
  --font-size-search-input: 16px;
  --line-height-search-input: 22px;
  --font-size-section-title: 17px;
  --line-height-section-title: 22px;
  --font-size-row-title: 16px;
  --line-height-row-title: 22px;
  --font-size-card-title: 16px;
  --line-height-card-title: 20px;
  --font-size-body: 15px;
  --line-height-body: 22px;
  --font-size-body-strong: 15px;
  --line-height-body-strong: 22px;
  --font-size-button: 16px;
  --line-height-button: 20px;
  --font-size-button-xl: 17px;
  --line-height-button-xl: 22px;
  --font-size-label: 14px;
  --line-height-label: 20px;
  --font-size-subtitle: 14px;
  --line-height-subtitle: 20px;
  --font-size-meta: 13px;
  --line-height-meta: 18px;
  --font-size-field-label: 13px;
  --line-height-field-label: 18px;
  --font-size-box-label: 12px;
  --line-height-box-label: 16px;
  --font-size-caption: 12px;
  --line-height-caption: 16px;
  --font-size-caption-strong: 12px;
  --line-height-caption-strong: 16px;
  --font-size-overline: 12px;
  --line-height-overline: 16px;
  --font-size-clock-hero: 46px;
  --line-height-clock-hero: 46px;
  --font-size-clock-stat: 30px;
  --line-height-clock-stat: 30px;
  --font-size-clock-title: 22px;
  --line-height-clock-title: 26px;
  --font-size-clock-prefix: 20px;
  --line-height-clock-prefix: 24px;
  --font-size-clock-row: 17px;
  --line-height-clock-row: 22px;
  --font-size-clock-small: 12px;
  --line-height-clock-small: 16px;
  --font-family-sans: "Schibsted Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-family-mono: "Martian Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}
@media (prefers-color-scheme: dark) {
:root {
  --color-bg: #0D1117;
  --color-surface: #161B22;
  --color-surface-raised: #1E242D;
  --color-line: #2A313B;
  --color-text: #ECEFF4;
  --color-text-muted: #A0A9B8;
  --color-accent: #3DD6C3;
  --color-on-accent: #04201C;
  --color-accent-tint: #3DD6C322;
  --color-accent-outline: #3DD6C399;
  --color-accent-text: #3DD6C3;
  --color-live: #FF6B81;
  --color-live-tint: #FF6B8122;
  --color-live-text: #FF6B81;
  --color-reflect: #B3A6FF;
  --color-reflect-tint: #B3A6FF22;
  --color-reflect-outline: #B3A6FF99;
  --color-reflect-text: #B3A6FF;
  --color-danger: #FF8A7A;
  --color-action-neutral: #ECEFF4;
  --color-on-action-neutral: #0D1117;
}
}