/* Source: offgrid66-brand, UI/UX-ohjeisto 1.11 and brändiohjeisto 1.1.
   Action colour is Patina, as in the app since 18.10.2026 (was green #3DDC84).
   --brand-* is the logo; SVG paint mapping: src/brand.mjs. PNG artwork is replaced in static/brand/. */
:root {
  --bg: #0B0F0C; --panel: #121719; --panel2: #171E1B; --line: #24302A;
  --ink: #EEF1EE; --ink2: #C9D0CC; --muted: #97A09B;
  --accent: #B9BFB3; --accent-ink: #1B1E1C; --danger: #E03131; --danger-ink: #FF6B6B; --warn: #FFD43B;
  --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --disp: 'Barlow Condensed', 'DIN Condensed', 'Arial Narrow', sans-serif;
  --wrap: 1200px; --gutter: clamp(16px, 4vw, 48px);
  --r: 4px;

  --accent-hover: #D3D7CD;
  --accent-wash: rgba(185, 191, 179, .1);
  --bezel: #050706;
  --action-line: #6F766F;
  --field-bg: #0E1311;
  --field-line: #67736D;
  --danger-bg: #1A0F0F;
  --danger-line: #5C2323;
  --table-line: #3A4741;
  --table-head: #1A1D1B;
  --table-cell: #131614;
  --transparent: transparent;
  --brand-symbol: #B9BFB3;
  --brand-wordmark: #B9BFB3;
  --shadow: none;
  --nav-mark: inset 0 -2px 0 var(--accent);
  --nav-mark-mobile: inset 3px 0 0 var(--accent);
  --rule: 1px solid var(--line);
  --border-width: 1px;
  --border-strong: 1.5px;
  --focus-width: 2px;
  /* Buttons and crosshair ticks: offgrid66-brand pen/cta-tahtain-spec.md, 18.10.2026. */
  --accent-press: #A3AA9D;
  --accent-wash-press: rgba(185, 191, 179, .16);
  --readout-line: rgba(27, 30, 28, .35);
  --btn-radius: 2px;
  --tick-len: 8px;
  --tick-w: 2px;
  --tick-gap: 7px;
  --focus-ring: var(--ink);
  --sos-hover-bg: #2A1414;
  --radius-small: 3px;
  --radius-phone: 13% / 6%;
  --radius-screen: 9% / 4.2%;
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M0 0h12L6 8z' fill='%23C9D0CC'/%3E%3C/svg%3E");
}