:root {
  --tvk-ink: #10284a;
  --tvk-ink-2: #163761;
  --tvk-ink-3: #254c83;
  --tvk-paper: #f4f7fc;
  --tvk-paper-2: #ffffff;
  --tvk-white: #ffffff;
  --tvk-text: #16263d;
  --tvk-muted: #596b80;
  --tvk-line: rgba(22, 38, 61, .12);
  --tvk-line-dark: rgba(255, 255, 255, .14);
  --tvk-water: #2d68b7;
  --tvk-water-light: #d9e8ff;
  --tvk-brick: #214f8f;
  --tvk-amber: #6fa3ff;
  --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: 28px;
  --tvk-touch-target: 48px;
  --tvk-viewport-height: 100dvh;
  --tvk-keyboard-height: 0px;
  --tvk-radius-sm: 10px;
  --tvk-radius: 18px;
  --tvk-radius-lg: 24px;
  --tvk-shadow: 0 24px 70px rgba(9, 24, 48, .14);
  --tvk-transition: 220ms cubic-bezier(.2, .7, .2, 1);
  --tvk-section: clamp(72px, 8vw, 124px);
}

:root { --tvk-shadow-soft: 0 14px 36px rgba(9, 24, 48, .08); --tvk-brand: var(--tvk-water); --tvk-duration: 220ms; --tvk-ease: cubic-bezier(.2, .7, .2, 1); --tvk-radius-xl: 28px; }