/*
Theme Name: Beardy on the Clocktower
Theme URI: https://beardytas.com
Author: Beardy on the Clocktower
Author URI: https://beardytas.com
Description: The official comic-book block theme for Beardy on the Clocktower — the Tasmanian home of Blood on the Clocktower. Deep purple + gold, thick ink outlines, hard comic shadows, and a built-in homepage assembled from editable block patterns (hero, latest videos, play, toolkit, joke of the day, blog, support).
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: beardy
Tags: blog, entertainment, full-site-editing, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, one-column, two-columns, featured-images, threaded-comments
*/

/* =====================================================================
   BEARDY ON THE CLOCKTOWER — DESIGN TOKENS
   Ported 1:1 from the design system (tokens/*.css). Author against the
   semantic aliases (--bg, --surface, --accent, --text, --border-ink…),
   not the raw ramps. theme.json mirrors the key values for the editor.
   ===================================================================== */
:root {
  /* --- Ink (comic outline / near-black indigo) --- */
  --ink: #16102B; --ink-soft: #241A45; --ink-700: #2E2350;

  /* --- Purple ramp (the brand spine) --- */
  --purple-950: #190E30; --purple-900: #1F143A; --purple-800: #2A1B4D;
  --purple-700: #3A2566; --purple-600: #4A2E7A; --purple-500: #5E4E80;
  --purple-400: #7A6BA0; --purple-300: #A99FC4; --purple-200: #CFC8E0;

  /* --- Gold ramp (the spotlight) --- */
  --gold-800: #8C7733; --gold-700: #A8923F; --gold-600: #C9B25A;
  --gold-500: #D6C063; --gold-400: #E6D483; --gold-300: #F2E6B0; --gold-200: #F8F1D2;

  /* --- Paper / cream (comic panel stock) --- */
  --cream: #F5ECD4; --paper: #FBF4E2; --paper-shade: #ECE0C2;

  /* --- Warm illustration accents --- */
  --warm-skin: #F0C090; --warm-tan: #C08060;

  /* --- Pop accents (comic burst primaries) --- */
  --pop-red: #D8453B; --pop-red-deep: #A82E27; --pop-blue: #4A86D6;
  --pop-green: #3FA66A; --pop-orange: #E68A33;

  /* --- semantic aliases --- */
  --bg: var(--purple-900); --bg-deep: var(--purple-950);
  --surface: var(--purple-800); --surface-raised: var(--purple-700);
  --surface-paper: var(--paper); --surface-paper-2: var(--paper-shade);
  --text: var(--cream); --text-strong: #FFFFFF; --text-muted: var(--purple-300);
  --text-faint: var(--purple-400); --text-ink: var(--ink); --text-ink-muted: #4A4068;
  --accent: var(--gold-400); --accent-strong: var(--gold-500); --accent-ink: var(--ink);
  --interactive: var(--purple-600); --link: var(--gold-400); --link-hover: var(--gold-300);
  --border-ink: var(--ink); --border-soft: rgba(169,159,196,0.28); --divider: rgba(169,159,196,0.18);
  --success: var(--pop-green); --danger: var(--pop-red); --warning: var(--pop-orange); --info: var(--pop-blue);
  --focus-ring: var(--gold-400);

  /* --- fonts (families come from Google Fonts, enqueued in functions.php) --- */
  --font-display: 'Bangers', 'Hanken Grotesk', system-ui, sans-serif;
  --font-heading: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono: 'Space Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* --- weights --- */
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600;
  --fw-bold: 700; --fw-black: 800; --fw-heavy: 900;

  /* --- type scale --- */
  --fs-2xs: 0.6875rem; --fs-xs: 0.75rem; --fs-sm: 0.875rem; --fs-md: 1rem;
  --fs-lg: 1.125rem; --fs-xl: 1.375rem; --fs-2xl: 1.75rem; --fs-3xl: 2.25rem;
  --fs-4xl: 3rem; --fs-5xl: 4rem; --fs-6xl: 5.5rem;

  /* --- line heights / letter spacing --- */
  --lh-tight: 1.02; --lh-snug: 1.18; --lh-normal: 1.55; --lh-relaxed: 1.7;
  --ls-display: 0.01em; --ls-tight: -0.01em; --ls-normal: 0; --ls-wide: 0.04em; --ls-caps: 0.12em;

  /* --- spacing (4px base) --- */
  --space-0: 0; --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem;
  --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem;
  --space-8: 4rem; --space-9: 6rem; --space-10: 8rem;

  /* --- radii --- */
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 14px; --radius-xl: 22px;
  --radius-pill: 999px; --radius-circle: 50%;

  /* --- borders (the ink line) --- */
  --bw-hair: 1px; --bw-line: 2px; --bw-ink: 3px; --bw-bold: 4px;

  /* --- comic HARD shadows (offset, no blur) --- */
  --shadow-comic-sm: 3px 3px 0 var(--ink);
  --shadow-comic: 5px 5px 0 var(--ink);
  --shadow-comic-lg: 8px 8px 0 var(--ink);
  --shadow-comic-gold: 5px 5px 0 var(--gold-500);
  --shadow-soft-sm: 0 2px 6px rgba(9,5,20,0.35);
  --shadow-soft: 0 8px 22px rgba(9,5,20,0.45);
  --shadow-soft-lg: 0 18px 48px rgba(9,5,20,0.55);
  --glow-gold: 0 0 0 3px rgba(230,212,131,0.35);

  /* --- halftone / Ben-Day dots --- */
  --halftone-dot: rgba(22,16,43,0.16);
  --halftone: radial-gradient(var(--halftone-dot) 1.4px, transparent 1.5px);
  --halftone-size: 9px 9px;

  /* --- motion --- */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 110ms; --dur: 180ms; --dur-slow: 320ms;

  /* --- layout --- */
  --maxw-prose: 68ch; --maxw-content: 1080px; --maxw-wide: 1320px;
}

/* The full component / section styling lives in assets/css/beardy.css,
   enqueued for both the front end and the block editor by functions.php. */