@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
  --tvone-blue: #0066cc;
  /** Same as site header / `theme-color` in layout.tsx — iPhone notch + Safari UI */
  --tvone-header: #0066d4;
  --tvone-magenta: #d9468f;
  --tvone-muted: #f5f5f7;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-inter), ui-sans-serif, system-ui, sans-serif;
  /* Body copy stays regular weight; news titles use bold/semibold in components */
}