/*
 * « Brut »: monospace text, heavy uppercase headings, square corners, thick black lines and
 * hard offset shadows, electric blue.
 */
[data-theme='brut'] {
  --color-primary: light-dark(#1d1dd6, #9b9bff);
  --color-primary-hover: light-dark(#1414a8, #c4c4ff);
  --color-primary-soft: light-dark(#e3e3ff, #1c1c4a);
  --color-primary-soft-hover: light-dark(#d2d2ff, #26265e);
  --color-on-primary: light-dark(#ffffff, #0a0a0a);
  --color-on-primary-soft: light-dark(#1414a8, #c4c4ff);
  --color-background: light-dark(#f2f0e9, #0a0a0a);
  --color-surface: light-dark(#ffffff, #141414);
  --color-surface-secondary: light-dark(#e6e3da, #222222);
  --color-text: light-dark(#0a0a0a, #f5f5f0);
  --color-text-muted: light-dark(#4a4a4a, #b8b8b0);
  --color-border: var(--color-text);
  --color-border-strong: var(--color-text);
  --color-selection: light-dark(#fff27a, #5c5300);

  --font-family: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --font-family-heading: 'Archivo Black', 'Arial Black', system-ui, sans-serif;
  --font-family-mono: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --font-family-icons: 'Material Symbols Outlined';
  --font-weight-heading: var(--font-weight-regular);
  --font-weight-title: var(--font-weight-regular);
  --text-transform-heading: uppercase;
  --font-weight-control: var(--font-weight-bold);
  --text-transform-control: uppercase;

  --radius-xs: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;

  --border-width: 2px;
  --shadow-surface: 4px 4px 0 var(--color-text);
  --shadow-overlay: 6px 6px 0 var(--color-text);
}