/*
 * FlowerFur Studio theme — overrides Birko.Web.Components tokens (css/birko-tokens.css, copied from
 * Birko.Web by client/build.js) with the "Bella" design palette. Loaded after birko-tokens.css so
 * the same --b-* names drive both our SSR markup and the b-* islands.
 *
 * Palette source: the InDesign export (design/README.md, issue #3) — its CSS declares #58718d, #8ea0c2, #828282,
 * #b3b3b3; the lavender surfaces exist only in the raster artwork and were sampled from the
 * page thumbnails (≈ #dce0ee / #d8e0e8).
 *
 * Font: the design is set in Century Gothic; the site uses the free look-alike TeX Gyre Adventor
 * (FEATURE-004 D4), self-hosted as the subset "Adventor FFS" (wwwroot/fonts/README.md). Century Gothic is
 * deliberately absent from the stack so every visitor sees the same font.
 */

@font-face {
  font-family: "Adventor FFS";
  src: url("../fonts/adventor-ffs-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Adventor FFS";
  src: url("../fonts/adventor-ffs-bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand palette */
  --ffs-slate: #58718d;
  --ffs-slate-dark: #465a71;
  --ffs-periwinkle: #8ea0c2;
  --ffs-lavender: #dce0ee;
  --ffs-lavender-soft: #eceef6;
  --ffs-grey: #828282;
  --ffs-grey-light: #b3b3b3;
  --ffs-ink: #1f2328;
  --ffs-white: #ffffff;

  /* Birko token overrides */
  --b-color-primary: var(--ffs-slate);
  --b-color-primary-hover: var(--ffs-slate-dark);
  --b-color-primary-light: var(--ffs-lavender);
  --b-color-secondary: var(--ffs-periwinkle);
  --b-color-secondary-hover: var(--ffs-slate);

  --b-bg: var(--ffs-white);
  --b-bg-secondary: var(--ffs-lavender-soft);
  --b-bg-tertiary: var(--ffs-lavender);
  --b-bg-elevated: var(--ffs-white);

  --b-text: var(--ffs-ink);
  --b-text-secondary: #5f5f5f;
  --b-text-muted: var(--ffs-grey);
  --b-text-inverse: var(--ffs-white);

  --b-border: var(--ffs-grey-light);
  --b-border-hover: var(--ffs-periwinkle);
  --b-border-focus: var(--ffs-slate);
  --b-focus-ring: 0 0 0 3px rgb(88 113 141 / 0.35);

  --b-font: "Adventor FFS", "TeX Gyre Adventor", "URW Gothic", "Avenir Next", "Avenir", "Segoe UI", sans-serif;
  --b-font-heading: var(--b-font);

  --b-radius: 12px;
  --b-radius-lg: 20px;
  --b-radius-full: 9999px;
}