/*!
 * abantu-core.css — shared design tokens for Abantu Archives pages
 * (Explorer, Timeline, and future consumers).
 *
 * Phase 4 of the codebase consolidation. Uploaded as a static file to
 * /wp-content/uploads/explore/ alongside abantu-core.js, referenced
 * via <link rel="stylesheet" href="...?v=N"> from each page's <head>
 * -- same deployment pattern as the JS core, for the same reason
 * (never pasted through a WP editor, one file to update instead of
 * two hand-kept-in-sync copies).
 *
 * Defined at :root rather than scoped to #aa-explorer / #aa-timeline
 * individually -- CSS custom properties inherit down through all
 * descendants, so a single :root declaration reaches both sections
 * (and any future one) without needing to repeat the selector. Each
 * page's own <style> block keeps every rule that USES these tokens
 * (var(--gold), var(--slate), etc.) -- only the token DEFINITIONS
 * moved here. Page-specific layout, spacing, and component rules are
 * deliberately left alone; this is tokens only, not a shared
 * stylesheet for everything.
 *
 * Before touching a value here: both pages currently render these
 * identically. Changing a value changes it everywhere at once with
 * no per-page override in place -- if a future edit needs a
 * page-specific variant, override it locally in that page's own
 * <style> block (e.g. #aa-timeline{--gold:#...}) rather than editing
 * here and quietly changing Explorer too.
 */
:root {
  --paper: #FAF8F3;
  --gold: #D4A017;
  --rust: #8B4513;
  --slate: #2B3A42;
  --ink-60: rgba(43,58,66,.62);
  --ink-30: rgba(43,58,66,.28);
  --ink-12: rgba(43,58,66,.12);
  --card: #FFFDF8;
  --gold-soft: rgba(212,160,23,.14);
}
