/* MakerWorks design tokens — built from the Budsies / Petsies / Stuffed Animal
   Pros brand kit (Canva, 2026-06). This file is the single source of truth
   for color, type, spacing, and motion. Swapping a brand color or licensing
   Gotham Rounded later is a one-line change here.

   Color discipline (60/30/10): neutral shell ~60%, structure ~30%, brand
   accents ~10%. Celebration tokens appear ONLY on task completion. */

:root {
  /* ---- neutral shell ------------------------------------------------ */
  --bg:        #f5f5f5;   /* shared neutral from Petsies + SAP palettes */
  --surface:   #ffffff;
  --ink:       #4d546c;   /* Budsies slate — primary text */
  --ink-2:     #6e7488;   /* muted text */
  --ink-3:     #9aa0b2;   /* hints, placeholders */
  --line:      rgba(77, 84, 108, 0.14);
  --line-2:    rgba(77, 84, 108, 0.24);
  --tint:      #e3f9ff;   /* Petsies ice — hover wash */

  /* ---- brand signatures (logo-true; confirm vs CEO-dashboard mapping) */
  --budsies:      #e4207c;
  --budsies-soft: rgba(228, 32, 124, 0.12);
  --petsies:      #43c5e4;
  --petsies-soft: rgba(67, 197, 228, 0.14);
  --sap:          #f9b115;
  --sap-soft:     rgba(249, 177, 21, 0.16);
  --company:      #4d546c;
  --company-soft: rgba(77, 84, 108, 0.10);

  /* ---- full brand palettes (utility) -------------------------------- */
  --budsies-slate: #4d546c; --budsies-lime: #a2c83a; --budsies-magenta: #e4207c;
  --budsies-yellow: #faeb63; --budsies-blue: #2eb1e8; --budsies-orange: #fcb246;
  --budsies-green: #17ac62; --budsies-purple: #b980b8;
  --petsies-charcoal: #535353; --petsies-cyan: #43c5e4; --petsies-pink: #f797a5;
  --petsies-navy: #003e6b; --petsies-ice: #e3f9ff; --petsies-green: #6bcb77;
  --sap-pink: #ecb9d2; --sap-cyan: #33d4e4; --sap-gold: #f9b115;
  --sap-charcoal: #525455;

  /* ---- celebration (completion moments ONLY) ------------------------ */
  --gold:    #ffcd05;
  --gold-2:  #f9b115;
  --emerald: #17ac62;
  --emerald-soft: rgba(23, 172, 98, 0.14);

  /* ---- semantic ------------------------------------------------------ */
  --warn:        #fcb246;
  --warn-soft:   rgba(252, 178, 70, 0.18);
  --danger:      #e4207c;
  --danger-soft: rgba(228, 32, 124, 0.10);

  /* ---- typography ----------------------------------------------------
     Nunito = the Budsies style guide's named web substitute for Gotham
     Rounded; Open Sans = body per the same guide. */
  --font-head: "Nunito", -apple-system, "Segoe UI", sans-serif;
  --font-body: "Open Sans", -apple-system, "Segoe UI", sans-serif;

  /* ---- shape / depth / motion ---------------------------------------- */
  --r-sm: 8px;
  --r:    12px;
  --r-lg: 16px;
  --shadow:    0 1px 2px rgba(77, 84, 108, 0.06), 0 4px 16px rgba(77, 84, 108, 0.07);
  --shadow-lg: 0 8px 40px rgba(77, 84, 108, 0.18);
  --dur: 160ms;
  --pop: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Brand context: set `b-<brand>` on any element and everything inside it
   picks up the right accent via var(--brand). */
.b-budsies { --brand: var(--budsies); --brand-soft: var(--budsies-soft); }
.b-petsies { --brand: var(--petsies); --brand-soft: var(--petsies-soft); }
.b-sap     { --brand: var(--sap);     --brand-soft: var(--sap-soft); }
.b-company { --brand: var(--company); --brand-soft: var(--company-soft); }