/* pr-review design tokens, shared by the dashboard and the public site.
   Red pen on paper: bugs are marked in red, proof runs from red to green. */

:root {
  --paper: #F4F6F8;
  --surface: #FFFFFF;
  --ink: #1C2541;
  --muted: #5A6478;
  --rule: #D8DDE5;
  --select: #E3E8F1;
  --red: #C0392B;
  --red-wash: #FBEAE7;
  --green: #1E7B4F;
  --green-wash: #E5F3EB;
  --amber: #A86B12;
  --amber-wash: #FAF0DD;
  --sev-critical: #C0392B;
  --sev-high: #D35A28;
  --sev-medium: #A86B12;
  --sev-low: #7C879B;
  --code-bg: #FFFFFF;
  --font-ui: "Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-code: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* Type scale: 13 / 15 / 18 / 22 / 28 */
  --t-small: 0.8125rem;
  --t-base: 0.9375rem;
  --t-h3: 1.125rem;
  --t-h2: 1.375rem;
  --t-h1: 1.75rem;
  --t-display: clamp(2.6rem, 1.4rem + 4.6vw, 5.25rem);
  --t-display-2: clamp(1.9rem, 1.3rem + 2.2vw, 3rem);
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-pen: cubic-bezier(0.65, 0, 0.35, 1);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #131826;
    --surface: #1A2030;
    --ink: #E3E6ED;
    --muted: #98A1B3;
    --rule: #2B3345;
    --select: #252D41;
    --red: #FF7A6B;
    --red-wash: #3A2127;
    --green: #57C996;
    --green-wash: #16302A;
    --amber: #E3AA4E;
    --amber-wash: #33291A;
    --sev-critical: #FF7A6B;
    --sev-high: #FF9A5C;
    --sev-medium: #E3AA4E;
    --sev-low: #8D97AB;
    --code-bg: #161B29;
    color-scheme: dark;
  }
}