/*
 * Blossom & Props brand theme.
 * Single source of truth for the CSS custom properties both index.php and
 * props.php previously duplicated in their own inline <style> blocks.
 * Values below are the same defaults that were hardcoded inline — nothing
 * changes visually by switching to this file. Admin-editable overrides
 * (Site Settings: heading/body font, text color, accent colors) are echoed
 * as a small :root override block AFTER this stylesheet by
 * inc/settings-style.php, so they win by CSS cascade order without this
 * file ever needing to be edited — same mechanism as
 * magicandvillains.com/assets/css/magic-theme.css.
 */

:root {
  --cream:       #FAFAF8;
  --white:       #FFFFFF;
  --black:       #0C0C0C;
  --charcoal:    #1C1C1E;
  --gray:        #595959;
  --accent-text: #7A5A30;
  --gray-light:  #AEAEAD;
  --border:      #E5E5E0;
  --accent:      #B8935A;
  --accent-dark: #9E7A45;
  --accent-bg:   #F7F0E3;
  --font:        'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: var(--font);
  --radius:      12px;
  --radius-lg:   20px;
  --ease:        cubic-bezier(0.4, 0, 0.2, 1);
}

/* Headings previously had no distinct font-family (inherited --font from
   body) — this rule gives Site Settings' "Heading Font" picker something to
   actually control, without changing anything until an admin picks a
   different heading font (--font-heading defaults to var(--font) above). */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}