:root {
  --tvk-ink: #10284a;
  --tvk-ink-2: #173861;
  --tvk-ink-3: #25538c;
  --tvk-paper: #f5f7fa;
  --tvk-paper-2: #ffffff;
  --tvk-white: #ffffff;
  --tvk-text: #14243a;
  --tvk-muted: #5d6d7f;
  --tvk-line: rgba(20, 36, 58, .105);
  --tvk-line-strong: rgba(20, 36, 58, .18);
  --tvk-line-dark: rgba(255, 255, 255, .14);
  --tvk-water: #2d68b7;
  --tvk-water-strong: #21589f;
  --tvk-water-light: #dbe9ff;
  --tvk-surface-blue: #edf3fb;
  --tvk-surface-soft: #f7f9fc;
  --tvk-brick: #214f8f;
  --tvk-amber: #78a9ef;
  --tvk-live: #b92f3a;
  --tvk-success: #287554;
  --tvk-danger: #a73f3f;
  --tvk-font: "Inter", "Noto Sans", "Open Sans", "DejaVu Sans", sans-serif;
  --tvk-weight-regular: 400;
  --tvk-weight-medium: 500;
  --tvk-weight-semibold: 600;
  --tvk-weight-bold: 700;
  --tvk-container: 1360px;
  --tvk-reading: 760px;
  --tvk-header: 76px;
  --tvk-mobile-header: 58px;
  --tvk-mobile-dock: 72px;
  --tvk-mobile-safe-bottom: env(safe-area-inset-bottom, 0px);
  --tvk-mobile-safe-top: env(safe-area-inset-top, 0px);
  --tvk-sheet-radius: 24px;
  --tvk-touch-target: 48px;
  --tvk-viewport-height: 100dvh;
  --tvk-keyboard-height: 0px;
  --tvk-radius-sm: 9px;
  --tvk-radius: 16px;
  --tvk-radius-lg: 20px;
  --tvk-radius-xl: 24px;
  --tvk-radius-media: 16px;
  --tvk-shadow: 0 20px 54px rgba(9, 24, 48, .12);
  --tvk-shadow-soft: 0 10px 26px rgba(9, 24, 48, .07);
  --tvk-shadow-media: 0 22px 54px rgba(9, 24, 48, .16);
  --tvk-transition: 220ms cubic-bezier(.2, .7, .2, 1);
  --tvk-duration: 220ms;
  --tvk-ease: cubic-bezier(.2, .7, .2, 1);
  --tvk-section: clamp(44px, 5vw, 72px);
  --tvk-brand: var(--tvk-water);
}