/* Fia Threads design tokens and self-hosted Montserrat. Shared by the coming-soon page and the admin.
   Palette comes from the logo: ink on a warm off-white. One muted accent (deep sage). */

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin-300-normal.woff2") format("woff2");
  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;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin-400-normal.woff2") format("woff2");
  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;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin-500-normal.woff2") format("woff2");
  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;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/montserrat-latin-600-normal.woff2") format("woff2");
  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;
}
/* Metric-matched fallback so the swap to Montserrat does not shift the layout. */
@font-face {
  font-family: "Montserrat Fallback";
  src: local("Arial");
  size-adjust: 113%;
  ascent-override: 85.7%;
  descent-override: 22.2%;
  line-gap-override: 0%;
}

:root {
  color-scheme: light;

  /* Neutrals: one temperature (warm, hue 97), tinted. */
  --fia-bg: oklch(0.973 0.0067 97.4);        /* the logo background */
  --fia-surface: oklch(0.99 0.004 97);
  --fia-sunk: oklch(0.945 0.008 97);
  --fia-line: oklch(0.88 0.008 97);
  --fia-line-strong: oklch(0.60 0.010 97);   /* control borders, 3:1 against the surface */
  --fia-ink: oklch(0.17 0.006 97);           /* the logo ink */
  --fia-ink-hover: oklch(0.30 0.008 97);
  --fia-text-2: oklch(0.42 0.010 97);        /* secondary text, 7:1 on the background */

  /* The single accent: deep sage. Links, focus, current page, chart, "subscribed". */
  --fia-accent: oklch(0.42 0.070 170);
  --fia-accent-tint: oklch(0.93 0.030 170);

  /* Functional red, only for destructive actions and errors. */
  --fia-danger: oklch(0.48 0.150 28);
  --fia-danger-tint: oklch(0.94 0.030 28);

  --fia-shadow: oklch(0.30 0.02 97 / 0.14);

  --fia-radius: 4px;
  --fia-font: "Montserrat", "Montserrat Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Semantic z-index scale. */
  --fia-z-sticky: 20;
  --fia-z-backdrop: 30;
  --fia-z-drawer: 40;
  --fia-z-skip: 50;

  /* Motion: short, one curve. */
  --fia-ease: cubic-bezier(0.2, 0, 0, 1);
  --fia-fast: 120ms;
  --fia-base: 200ms;
}