/* Shisso Robotics design tokens: the one source for the landing page (public/styles.css) and the blog
   (blog-src/docs/stylesheets/shisso.css). Copied to public/tokens.css and the blog's stylesheets/ by
   scripts/build_blog.sh; edit here only. */
:root {
  --bg: #f7f6f2;
  --surface: #ffffff;
  --text: #1a1c20;
  --muted: #555b66;
  --border: #dcdad3;
  --accent: #1f5fbf;
  --accent-text: #ffffff;
  --error: #b3261e;
  --success: #1e6b3a;

  --font-text: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --fs-h1: clamp(2rem, 5vw, 3.2rem);
  --fs-h2: clamp(1.5rem, 3vw, 2rem);
  --fs-h3: 1.15rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --lh-body: 1.6;
  --lh-head: 1.2;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 3rem;
  --section-gap: clamp(3rem, 6vw, 4rem);  /* vertical padding of every landing section */
  --radius: 10px;
  --wrap: 68rem;

  --pill-reproduces-bg: #d9f2e1; --pill-reproduces-fg: #11612e; --pill-reproduces-border: #9fd9b2;
  --pill-fail-bg: #fbe0de; --pill-fail-fg: #8e1c14; --pill-fail-border: #f0aaa4;
  --pill-not-proven-bg: #fdf0d2; --pill-not-proven-fg: #7a5200; --pill-not-proven-border: #ecd08a;
  --pill-not-tested-bg: #ececec; --pill-not-tested-fg: #444; --pill-not-tested-border: #cfcfcf;
  --pill-withdrawn-a: #f2f2f2; --pill-withdrawn-b: #dcdcdc; --pill-withdrawn-fg: #444; --pill-withdrawn-border: #bbb;
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #14161a;
    --surface: #1d2026;
    --text: #eceae4;
    --muted: #a9adb6;
    --border: #33373f;
    --accent: #7fb0ff;
    --accent-text: #0d1320;
    --error: #ff8a80;
    --success: #7ed49b;

    --pill-reproduces-bg: #123d22; --pill-reproduces-fg: #9fe0b4; --pill-reproduces-border: #2a6b40;
    --pill-fail-bg: #4a1612; --pill-fail-fg: #ffb3ab; --pill-fail-border: #7a2a23;
    --pill-not-proven-bg: #45330a; --pill-not-proven-fg: #f2d48a; --pill-not-proven-border: #6d5418;
    --pill-not-tested-bg: #2c2c2c; --pill-not-tested-fg: #ccc; --pill-not-tested-border: #4a4a4a;
    --pill-withdrawn-a: #2a2a2a; --pill-withdrawn-b: #3a3a3a; --pill-withdrawn-fg: #ddd; --pill-withdrawn-border: #555;
  }
}

/* Material's palette toggle sets data-md-color-scheme on <body>: same tokens per scheme. */
[data-md-color-scheme="default"] {
  --bg: #f7f6f2;
  --surface: #ffffff;
  --text: #1a1c20;
  --muted: #555b66;
  --border: #dcdad3;
  --accent: #1f5fbf;
  --accent-text: #ffffff;
  --error: #b3261e;
  --success: #1e6b3a;

  --font-text: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Menlo, Consolas, "DejaVu Sans Mono", monospace;
  --fs-h1: clamp(2rem, 5vw, 3.2rem);
  --fs-h2: clamp(1.5rem, 3vw, 2rem);
  --fs-h3: 1.15rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --lh-body: 1.6;
  --lh-head: 1.2;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 3rem;
  --section-gap: clamp(3rem, 6vw, 4rem);  /* vertical padding of every landing section */
  --radius: 10px;
  --wrap: 68rem;

  --pill-reproduces-bg: #d9f2e1; --pill-reproduces-fg: #11612e; --pill-reproduces-border: #9fd9b2;
  --pill-fail-bg: #fbe0de; --pill-fail-fg: #8e1c14; --pill-fail-border: #f0aaa4;
  --pill-not-proven-bg: #fdf0d2; --pill-not-proven-fg: #7a5200; --pill-not-proven-border: #ecd08a;
  --pill-not-tested-bg: #ececec; --pill-not-tested-fg: #444; --pill-not-tested-border: #cfcfcf;
  --pill-withdrawn-a: #f2f2f2; --pill-withdrawn-b: #dcdcdc; --pill-withdrawn-fg: #444; --pill-withdrawn-border: #bbb;
  color-scheme: light dark;
}
[data-md-color-scheme="slate"] {
  :root {
    --bg: #14161a;
    --surface: #1d2026;
    --text: #eceae4;
    --muted: #a9adb6;
    --border: #33373f;
    --accent: #7fb0ff;
    --accent-text: #0d1320;
    --error: #ff8a80;
    --success: #7ed49b;

    --pill-reproduces-bg: #123d22; --pill-reproduces-fg: #9fe0b4; --pill-reproduces-border: #2a6b40;
    --pill-fail-bg: #4a1612; --pill-fail-fg: #ffb3ab; --pill-fail-border: #7a2a23;
    --pill-not-proven-bg: #45330a; --pill-not-proven-fg: #f2d48a; --pill-not-proven-border: #6d5418;
    --pill-not-tested-bg: #2c2c2c; --pill-not-tested-fg: #ccc; --pill-not-tested-border: #4a4a4a;
    --pill-withdrawn-a: #2a2a2a; --pill-withdrawn-b: #3a3a3a; --pill-withdrawn-fg: #ddd; --pill-withdrawn-border: #555;
  }