/*
Theme Name: BD Custom
Theme URI: https://bloody-disgusting.com
Author: Bloody Disgusting
Description: Custom lightweight, mobile-first theme for Bloody Disgusting. No page builder, no bundled framework — hand-built templates and a small CSS/JS footprint.
Version: 0.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bd-custom
*/

/*
This file intentionally contains ONLY the theme header comment above (required by WP
to recognize the theme) plus CSS custom properties. All actual styling lives in
assets/css/main.css, which is enqueued conditionally per-template so pages only load
the CSS they actually use. Keeping style.css minimal avoids WP auto-loading a heavy
stylesheet on every request.
*/

:root {
  --bd-red: #e70f47;
  --bd-red-dim: #a30b34;
  --bd-black: #0b0b0d;
  --bd-charcoal: #17171b;
  --bd-charcoal-2: #222228;
  --bd-off-white: #f2f1ee;
  --bd-gray: #9a9aa2;
  --bd-gray-dim: #55555e;

  --font-display: 'Anton', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;

  --content-width: 1200px;
  --reading-width: 700px;
  --radius: 0;
}

/*
Light theme. Scoped to html[data-theme="light"] .bd-page-wrap rather than
:root or html directly, so the override only reaches descendants of
.bd-page-wrap. The site header and footer are deliberate exceptions: both
render as siblings of .bd-page-wrap (see header.php/footer.php), not
descendants of it, so they never see these custom property values and stay
on the root dark values above regardless of the selected theme. The
attribute lives on <html> rather than .bd-page-wrap itself because the
anti-FOUC inline script (header.php <head>) has to run before .bd-page-wrap
exists in the DOM.

--bd-red / --bd-red-dim are intentionally not overridden — brand accent
color stays fixed across both themes.
*/
html[data-theme="light"] .bd-page-wrap {
  --bd-black: #ffffff;
  --bd-charcoal: #f2f1ee;
  --bd-charcoal-2: #ddd9d2;
  --bd-off-white: #131316;
  --bd-gray: #57565f;
  --bd-gray-dim: #8b8a92;
}
