/* Generated by landing/sync-design-system.mjs from assets/design-system/tokens.json. Do not edit. */
:root, [data-theme="dark"], .clip-dark {
  color-scheme: dark;
  --surface-000: #15181b;
  --surface-100: #1c2023;
  --surface-200: #262b2e;
  --surface-300: #2e3438;
  --scrim: #0b0d0fb3;
  --scrim-thumb: #00000099;
  --line: #ffffff14;
  --ink: #f2f5f4;
  --ink-muted: #a3acaf;
  --ink-faint: #737c80;
  --ink-on-thumb: #ffffff;
  --on-accent: #ffffff;
  --brand: #009375;
  --brand-deep: #004e6b;
  --accent: #007e6a;
  --accent-pressed: #006a59;
  --accent-text: #3dd6ae;
  --accent-soft: #3dd6ae1f;
  --rec: #e5553f;
  --today: #5fcbe3;
  --success: #4cd68a;
  --warning: #f0b45a;
  --danger: #ff6b5e;
  --on-status: #0b0d0f;
  --shadow-sheet: 0 -8px 24px rgba(0,0,0,0.45);
  --shadow-toast: 0 6px 20px rgba(0,0,0,0.40);
}
[data-theme="light"], .clip-light {
  color-scheme: light;
  --surface-000: #ffffff;
  --surface-100: #f3f5f4;
  --surface-200: #ffffff;
  --surface-300: #e4e9e8;
  --scrim: #14181a66;
  --scrim-thumb: #00000099;
  --line: #14181a1a;
  --ink: #14181a;
  --ink-muted: #566064;
  --ink-faint: #7f898d;
  --ink-on-thumb: #ffffff;
  --on-accent: #ffffff;
  --brand: #009375;
  --brand-deep: #004e6b;
  --accent: #007a62;
  --accent-pressed: #006a59;
  --accent-text: #007a62;
  --accent-soft: #007a621a;
  --rec: #d0392b;
  --today: #177a90;
  --success: #1b7f48;
  --warning: #95600f;
  --danger: #c23324;
  --on-status: #ffffff;
  --shadow-sheet: 0 -8px 24px rgba(20,24,26,0.12);
  --shadow-toast: 0 6px 20px rgba(20,24,26,0.14);
}
:root {
  --gap-grid: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-xs: 4px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --size-control: 44px;
  --size-control-sm: 32px;
  --size-record: 68px;
  --size-icon: 22px;
  --opacity-pressed: 0.7;
  --opacity-disabled: 0.3;
  --font-sans: -apple-system, "SF Pro Text", "SF Pro", system-ui, "Helvetica Neue", sans-serif;
  --font-rounded: ui-rounded, "SF Pro Rounded", "Nunito", -apple-system, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;
}
.clip-text-large-title { font-family: var(--font-rounded); font-size: 34px; line-height: 41px; font-weight: 700; letter-spacing: -0.01em; }
.clip-text-month { font-family: var(--font-rounded); font-size: 22px; line-height: 28px; font-weight: 600; }
.clip-text-day-number { font-family: var(--font-rounded); font-size: 15px; line-height: 18px; font-weight: 600; font-variant-numeric: tabular-nums; }
.clip-text-title { font-family: var(--font-sans); font-size: 26px; line-height: 32px; font-weight: 700; }
.clip-text-headline { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; }
.clip-text-body { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 400; }
.clip-text-callout { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 400; }
.clip-text-footnote { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.clip-text-caption { font-family: var(--font-sans); font-size: 11px; line-height: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.clip-text-timecode { font-family: var(--font-mono); font-size: 13px; line-height: 16px; font-weight: 500; font-variant-numeric: tabular-nums; }