/*
 * The host in the homepage demo (product_demo/) — the design tokens for a warm, assistant-like
 * chat that Libro's own frame sits inside (design/design.md, "The homepage demo").
 *
 * Kept apart from tokens.css on purpose: the viewer and the view in the conversation import
 * tokens.css, and the view inlines every font it names, so a face only the demo uses belongs
 * here. Our own neutrals, not an assistant's brand values. Only the demo links this file.
 */

@font-face {
  font-family: "Newsreader Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(./fonts/newsreader-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* The assistant's replies are set in a serif, its own interface in the system's sans. */
  --font-host-serif: "Newsreader Variable", ui-serif, Georgia, serif;
  --font-host-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;

  --host-background: oklch(0.982 0.005 95);
  --host-surface: oklch(0.996 0.002 95);
  --host-foreground: oklch(0.24 0.006 70);
  --host-muted-foreground: oklch(0.54 0.012 75);
  --host-bubble: oklch(0.935 0.007 90);
  --host-border: oklch(0.885 0.007 90);
  --host-cursor: oklch(0.16 0 0);
  --host-cursor-edge: oklch(1 0 0);
  /* Shadows stay dark in both modes; mixed with transparent where they're used. */
  --host-shadow: oklch(0.16 0.01 70);
}

@media (prefers-color-scheme: dark) {
  :root {
    --host-background: oklch(0.262 0.004 85);
    --host-surface: oklch(0.305 0.004 85);
    --host-foreground: oklch(0.955 0.004 90);
    --host-muted-foreground: oklch(0.72 0.01 85);
    --host-bubble: oklch(0.205 0.003 85);
    --host-border: oklch(1 0 0 / 10%);
  }
}