/*
Theme Name: Sovereign Sampson
Theme URI: https://sovereignsampson.com
Author: Sovereign Sampson
Description: Blackout Dossier — hand-coded theme for Matthew "Sovereign" Sampson.
Version: 0.1.0
Requires at least: 6.4
Requires PHP: 8.0
*/

:root{
  --bg:#0B0B0C; --surface:#1B1B1D; --surface-2:#141416;
  --bone:#E8E4DC; --dim:#7E7B73; --dim-2:#A19E94;
  --rule:rgba(232,228,220,0.10); --rule-2:rgba(232,228,220,0.18);
  --orange:#D8633A; --cyan:#5BB5D8; --red:#C53D2C;
  /* Ukrainian flag accent — blue is the CTA/active/identity color, yellow the
   * paired highlight. Orange remains the primary editorial accent. */
  --blue:#0057B7; --blue-2:#00499a; --yellow:#FFD700; --yellow-2:#e6c200;

  /* ── Spatial system (the ONE source of truth for width + rhythm) ──────────
   * --rail        : the shared content rail every page aligns to.
   * --rail-narrow : single reading/forms column (single dispatch, support,
   *                 contact) — replaces the old scattered 860/900/1000 widths.
   * --gap-x       : the ONE horizontal gutter, fluid from phone to desktop.
   * --s-1..--s-6  : 8/16/24/32/48/64 spacing scale (no more ad-hoc px).
   * --section-y(-lg): vertical band padding; clamp() handles responsive so
   *                 per-band media-query padding bumps are no longer needed. */
  --rail:1200px;
  --rail-narrow:860px;
  --gap-x:clamp(16px,4vw,32px);
  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px; --s-5:48px; --s-6:64px;
  --section-y:clamp(28px,4vw,44px);
  --section-y-lg:clamp(44px,6vw,64px);

  --sans:'Inter',-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}