/* =====================================================================
   HUMAN AUDIO THEME: the ONE file for brand tweaks.
   Every color, font and spacing token lives here. site.css, the smiley,
   the grain and all pages only reference these variables, so a palette
   swap = edit this file only. (Current: "Warm bone", round 4 mockup.)
   ===================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@800;900&family=Space+Mono:wght@400;700&display=swap");
:root{
  /* --- core palette --- */
  --bg:#121110;            /* page background */
  --text:#EDE6DA;          /* main text (warm bone) */
  --accent:#E8A33D;        /* acid yellow: strike, buttons, highlights, smiley face */
  --accent-ink:#121110;    /* text/icons drawn ON the accent */
  /* --- supporting neutrals (warm grays) --- */
  --text-2:#bcb6ac;        /* secondary text, captions */
  --text-3:#aba59b;        /* body copy in cards/FAQ */
  --chip-text:#cdc7bd;
  --tag-text:#ddd7cc;
  --muted:#8f8a82;         /* labels, small meta */
  --dim:#5a5650;           /* placeholder notes */
  --dim-2:#6b665f;         /* footer */
  --border:#47433e;        /* inputs, chips */
  --rule:#34312d;          /* grid lines, dividers */
  --line:#24221f;          /* section borders */
  --surface:#131210;       /* cards, inputs */
  --surface-line:#2a2723;
  --photo-hi:#dbd5ca;      /* placeholder photo gradient */
  --photo-lo:#3c3935;
  --tape:rgba(232,163,61,.85);
  --shadow:#000;
  /* --- fonts (also update the @import above) --- */
  --font-display:"Unbounded",system-ui,sans-serif;
  --font-body:"Space Mono",ui-monospace,monospace;
  /* --- spacing scale --- */
  --pad-x:clamp(20px,6vw,90px);   /* page side padding */
  --pad-y:clamp(70px,10vw,140px); /* section top/bottom */
  --gap-1:8px;--gap-2:16px;--gap-3:30px;--gap-4:60px;
  /* --- film texture --- */
  --grain-opacity:.08;
  /* --- analog direction (first pass 10/29): Polaroids + Y2K windows --- */
  --polaroid-bg:var(--text);              /* bone frame */
  --polaroid-w:clamp(180px,22vw,300px);   /* 180-320px, never full-bleed */
  --polaroid-pad:10px 10px 44px;
  --polaroid-shadow:0 1px 2px rgba(0,0,0,.5),0 10px 28px rgba(0,0,0,.35);
  --polaroid-photo-filter:saturate(.9) contrast(1.05) sepia(.06);
  --polaroid-caption:#3a3631;             /* caption ink on the bone frame */
  --polaroid-tape:rgba(237,230,218,.55);  /* bone strip at 55% */
  --win-bg:#1D1B19;
  --win-border:rgba(237,230,218,.18);
  --win-bar-line:rgba(237,230,218,.12);
  --win-bevel:rgba(237,230,218,.08);
  --win-title:rgba(237,230,218,.7);
  --win-square:#3A3631;
  --win-max:560px;
  --win-shadow:0 12px 32px rgba(0,0,0,.45);
  --font-label:"Space Mono",ui-monospace,monospace; /* window titles, timecode */
  --ease-lift:cubic-bezier(.2,.7,.2,1);
  /* --- copy tokens used from CSS --- */
  --copy-photo-ph:"PHOTO PLACEHOLDER";
}