/* App styles — port from openprogram/webui/static/css/style.css */
@import "./styles.css";

/* Inter Variable — loaded locally so the font picker's "Inter" option
   actually resolves (was a CSS reference to an uninstalled family).
   Inter has the high x-height we need to match Claude's Anthropic Sans
   visual weight in the user-menu footer and other UI text. */
@import "@fontsource-variable/inter";

@tailwind base;
@tailwind components;
@tailwind utilities;

/* shadcn token bridge so shadcn/ui components keep working */
:root {
  --background: var(--bg-primary);
  --foreground: var(--text-primary);
  --card: var(--bg-secondary);
  --card-foreground: var(--text-primary);
  --popover: var(--bg-tertiary);
  --popover-foreground: var(--text-primary);
  --primary: var(--accent-blue);
  /* Defined per theme block in app/styles/base.css. Dark mode
     wants near-black text on the brand-fill button so the warm
     orange reads as a "press me" tile rather than a glowing
     neon pill — pure white on orange has too much chroma. Light
     mode keeps the classic white-on-coloured pattern. */
  --secondary: var(--bg-tertiary);
  --secondary-foreground: var(--text-primary);
  --muted: var(--bg-tertiary);
  --muted-foreground: var(--text-muted);
  --accent: var(--bg-hover);
  --accent-foreground: var(--text-bright);
  --destructive: var(--accent-red);
  --destructive-foreground: #ffffff;
  --input: var(--bg-input);
  --ring: var(--accent-blue);
  --radius-lg: 12px;
}
