/* Brutalist — light-only stress-test theme (single block, color-scheme: light).
 * Uses only public tokens to push the framework toward a blunt print-like
 * language: off-white canvas, black ink, hard offsets, zero radius, and
 * thicker borders. */
[data-theme="brutalist"] {
  color-scheme: light;

  --primary: hsl(48 100% 50%);
  --primary-fg: hsl(0 0% 4%);
  --secondary: hsl(215 100% 51%);
  --secondary-fg: white;
  --success: hsl(135 70% 42%);
  --success-fg: hsl(0 0% 4%);
  --warning: hsl(35 100% 52%);
  --warning-fg: hsl(0 0% 4%);
  --danger: hsl(0 85% 49%);
  --danger-fg: white;
  --neutral: hsl(0 0% 5%);
  --neutral-fg: white;

  --surface: hsl(50 30% 97%);
  --surface-raised: white;
  --surface-subtle: hsl(48 100% 88%);
  --surface-solid: hsl(0 0% 5%);

  --text: hsl(0 0% 5%);
  --text-muted: hsl(0 0% 25%);
  --text-subtle: hsl(0 0% 40%);

  --border: hsl(0 0% 5%);
  --focus: hsl(215 100% 50%);
  /* Inline text ink cannot be the yellow primary (1.4 against --surface);
     the theme lends its own blue, darkened to carry body copy. */
  --link: hsl(215 100% 30%);
  /* Selected ink on the page (current link, tab, step) for the same reason;
     the yellow stays the selected fill. */
  --state-selected-text: var(--link);
  --hover-overlay: rgb(0 0 0 / 0.1);

  --radius: 0;
  --radius-sm: 0;
  --radius-lg: 0;
  --border-width: 2px;
  --shadow: 0.3rem 0.3rem 0 var(--text);
  --shadow-popout: 0.45rem 0.45rem 0 var(--text);
  --shadow-color: var(--text);

  --soft-bg-mix: 72%;
  --soft-border-mix: 25%;
  /* The vivid palette is far too light to read as its own soft text:
     pure-intent ink lands at 1.3-3.0 against these soft surfaces. */
  --soft-fg-mix: 45%;

  --font-sans: Arial, Helvetica, sans-serif;
  --font-weight-medium: 600;
  --font-weight-semibold: 700;
  --font-weight-bold: 800;
  --line-height: 1.4;

  --selection-bg: var(--surface-solid);
  --selection-fg: var(--surface-solid-fg);
}