/* kids-toys — brand tokens.
   Edit this file to rebrand. Loaded BEFORE the inline <style> in index.html,
   so every var() reference in the template resolves to these values. */
:root {
  /* Palette — soft primaries on warm white */
  --paper:#FBF6EC;
  --paper-2:#F4EBDC;
  --card:#FFFFFF;
  --ink:#2B2119;
  --ink-2:#6B5C4C;
  --line:#E5D8C4;

  --red:#C63F25;      /* accent — CTAs only */
  --red-dk:#A83722;   /* AA-safe on white for small text */
  --blue:#3E7CC0;
  --blue-dk:#2E619C;
  --yellow:#F0B43C;
  --green:#4E9E6A;
  --green-dk:#3B7C52;

  --wood:#D9A96C;
  --wood-dk:#B0824A;

  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:34px;
  --gutter:60px;
  --maxw:1200px;

  --shadow-sm:0 2px 0 rgba(43,33,25,.07), 0 6px 18px -8px rgba(43,33,25,.18);
  --shadow:0 4px 0 rgba(43,33,25,.08), 0 18px 40px -18px rgba(43,33,25,.30);
}