/* Skin: steadystate
   steadystate.gg. Neutral-cool paper, bottle green accent, Funnel Sans 500 and 600, airy density.
   Ship this file plus shared tokens, base and components. Nothing else per site. */

@font-face {
  font-family: "Funnel Sans";
  src: url("../fonts/funnel-sans/FunnelSans-Variable-latin.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

[data-skin="steadystate"] {
  color-scheme: light dark;
  --paper: #F3F4F1;
  --ink: #1A1F1C;
  --muted: #56605A;
  --line: #D9DDD7;
  --accent: #1F5B3B;
  --font-display: "Funnel Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: "Funnel Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --text-base: 18px;
  --leading-body: 1.6;
  --heading-weight: 600;
  --hero-size: clamp(2.25rem, 1.2rem + 3.4vw, 3.75rem);
  --hero-weight: 500;
  --hero-leading: 1.04;
  --hero-tracking: 0;
  --hero-measure: 22ch; /* @kind spacing */
  --density: 1.3; /* @kind other */
  --radius: 0px;
  --link-color: var(--ink);
  --link-decoration-color: var(--accent);
  --link-thickness: 1px;
  --link-offset: 0.25em;
  --nav-font: var(--font-body);
  --nav-size: 16px;
  --nav-weight: 500;
  --nav-case: none; /* @kind other */
  --nav-tracking: 0;
  --card-rule-color: var(--ink);
  --card-title-font: var(--font-display);
  --card-title-weight: 600;
  --label-font: var(--font-body);
  --label-size: 15px;
  --label-weight: 500;
  --label-case: none; /* @kind other */
  --label-tracking: 0;
}

@media (prefers-color-scheme: dark) {
  [data-skin="steadystate"] {
    --paper: #111512;
    --ink: #E2E7E3;
    --muted: #C2CAC4;
    --line: #262E29;
    --accent: #7FC49B;
    }
}

[data-skin="steadystate"][data-theme="dark"] {
  --paper: #111512;
  --ink: #E2E7E3;
  --muted: #C2CAC4;
  --line: #262E29;
  --accent: #7FC49B;
}

[data-skin="steadystate"][data-theme="light"] {
  --paper: #F3F4F1;
  --ink: #1A1F1C;
  --muted: #56605A;
  --line: #D9DDD7;
  --accent: #1F5B3B;
}