/* ==========================================================================
   HAVE A SEAT — Design Tokens (v2 — client vision realign)
   "A Place to Belong." Green-led warmth · Private (green) vs Commons (purple).
   ========================================================================== */

:root {
  /* ---- Core: warm cream paper & espresso ink -------------------------- */
  --c-cream:        #FAF6EC;
  --c-cream-deep:   #F1E9D6;
  --c-paper:        #FFFDF8;
  --c-paper-2:      #FBF6EC;
  --c-ink:          #26221B;
  --c-ink-soft:     #574E40;
  --c-ink-muted:    #8A7F6E;
  --c-line:         #E7DDC8;
  --c-line-strong:  #D6C8AE;

  /* ---- Brand GREEN — primary & the Private "Home" experience ---------- */
  --c-green:        #3C6E47;
  --c-green-deep:   #2A5234;
  --c-green-forest: #21402A;
  --c-green-soft:   #DCE7D3;
  --c-green-wash:   #EEF3E7;

  /* ---- Commons PURPLE/INDIGO — the public discovery experience -------- */
  --c-commons:      #5E4AA8;
  --c-commons-deep: #453782;
  --c-commons-soft: #E4DFF4;
  --c-commons-wash: #F1EEF9;

  /* ---- Warm accents (cozy, hearth, faith) ----------------------------- */
  --c-clay:         #C15F3C;  --c-clay-deep: #A34A2C;
  --c-clay-soft:    #F1DACE;  --c-clay-wash: #F9ECE4;
  --c-honey:        #E0A34E;  --c-honey-deep: #C4842F;  --c-honey-soft: #F7E7C9;
  --c-heart:        #C5533F;  --c-heart-soft: #F3D9D1;  /* love / hearts */
  --c-maroon:       #8C3B3B;  --c-maroon-soft: #EBD6D2; /* Heart Home private */
  --c-plum:         #7A4E77;  --c-plum-soft: #ECDFEB;   /* faith / legacy */
  --c-teal:         #3E7373;  --c-teal-soft: #D7E7E4;   /* learning */
  --c-sage:         #6E7A57;  --c-sage-soft: #E4E7D6;   /* growth */
  --c-gold:         #C99A2E;  --c-gold-soft: #F4E9C6;   /* stars, verses */

  /* ---- Semantic -------------------------------------------------------- */
  --c-success: #4F7A4A;  --c-success-soft: #DDEBD3;
  --c-info:    #3E7373;  --c-info-soft:    #D7E7E4;
  --c-warn:    #C4842F;  --c-warn-soft:    #F7E7C9;
  --c-danger:  #B2483C;  --c-danger-soft:  #F3DAD3;

  /* ---- Generic accent — defaults to GREEN; overridden by experience/seat */
  --seat-accent:      var(--c-green);
  --seat-accent-deep: var(--c-green-deep);
  --seat-accent-soft: var(--c-green-soft);
  --seat-accent-wash: var(--c-green-wash);

  /* ---- Home tiers ------------------------------------------------------ */
  --tier-loft:   var(--c-sage);
  --tier-heart:  var(--c-clay);
  --tier-family: var(--c-green);

  /* ---- Typography ------------------------------------------------------ */
  --font-display: "Fraunces", "Georgia", "Times New Roman", serif;
  --font-body:    "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;

  --fs-3xs: 0.6875rem; --fs-2xs: 0.75rem; --fs-xs: 0.8125rem; --fs-sm: 0.9375rem;
  --fs-base: 1rem; --fs-md: 1.125rem; --fs-lg: 1.375rem; --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem; --fs-3xl: 3rem; --fs-4xl: 4rem; --fs-5xl: 5.5rem;

  --lh-tight: 1.05; --lh-snug: 1.2; --lh-base: 1.55; --lh-loose: 1.7;
  --tracking-tight: -0.02em; --tracking-wide: 0.02em; --tracking-caps: 0.14em;

  /* ---- Spacing / radii ------------------------------------------------- */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem;
  --s-5: 1.5rem; --s-6: 2rem; --s-7: 2.5rem; --s-8: 3rem;
  --s-9: 4rem; --s-10: 5rem; --s-12: 7rem; --s-16: 10rem;
  --r-xs: 6px; --r-sm: 10px; --r-md: 14px; --r-lg: 20px;
  --r-xl: 28px; --r-2xl: 40px; --r-pill: 999px;

  /* ---- Shadows (warm) -------------------------------------------------- */
  --sh-xs: 0 1px 2px rgba(50, 40, 22, 0.06);
  --sh-sm: 0 2px 6px rgba(50, 40, 22, 0.07), 0 1px 2px rgba(50, 40, 22, 0.06);
  --sh-md: 0 6px 18px rgba(50, 40, 22, 0.09), 0 2px 5px rgba(50, 40, 22, 0.06);
  --sh-lg: 0 18px 42px rgba(50, 40, 22, 0.13), 0 6px 14px rgba(50, 40, 22, 0.07);
  --sh-xl: 0 36px 80px rgba(50, 40, 22, 0.18), 0 12px 26px rgba(50, 40, 22, 0.09);
  --sh-accent: 0 10px 26px rgba(60, 110, 71, 0.28);

  /* ---- Motion ---------------------------------------------------------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0.14, 0.3, 1);
  --ease-back: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 140ms; --t-med: 260ms; --t-slow: 480ms;

  /* ---- Layout ---------------------------------------------------------- */
  --sidebar-w: 268px; --topbar-h: 68px; --content-max: 1200px;
  --z-nav: 50; --z-sticky: 60; --z-toast: 90; --z-modal: 100;
}

/* ==========================================================================
   Dual-experience theming — the spine of the product.
   [data-experience="private"] → green (Home)   ·  ="commons" → purple (public)
   ========================================================================== */
[data-experience="private"] {
  --seat-accent: var(--c-green); --seat-accent-deep: var(--c-green-deep);
  --seat-accent-soft: var(--c-green-soft); --seat-accent-wash: var(--c-green-wash);
}
[data-experience="commons"] {
  --seat-accent: var(--c-commons); --seat-accent-deep: var(--c-commons-deep);
  --seat-accent-soft: var(--c-commons-soft); --seat-accent-wash: var(--c-commons-wash);
}

/* ==========================================================================
   Per-space / per-bubble theming (Gathering Spaces, Bubble types)
   ========================================================================== */
[data-seat="creator"]   { --seat-accent: var(--c-clay);   --seat-accent-deep: var(--c-clay-deep);
  --seat-accent-soft: var(--c-clay-soft); --seat-accent-wash: var(--c-clay-wash); }
[data-seat="learning"]  { --seat-accent: var(--c-teal);   --seat-accent-deep: #2F5A5A;
  --seat-accent-soft: var(--c-teal-soft); --seat-accent-wash: #E7F1EF; }
[data-seat="club"]      { --seat-accent: var(--c-sage);   --seat-accent-deep: #56613F;
  --seat-accent-soft: var(--c-sage-soft); --seat-accent-wash: #EEF1E6; }
[data-seat="faith"]     { --seat-accent: var(--c-plum);   --seat-accent-deep: #5E3A5C;
  --seat-accent-soft: var(--c-plum-soft); --seat-accent-wash: #F5ECF4; }
[data-seat="family"]    { --seat-accent: var(--c-green);  --seat-accent-deep: var(--c-green-deep);
  --seat-accent-soft: var(--c-green-soft); --seat-accent-wash: var(--c-green-wash); }
[data-seat="community"] { --seat-accent: var(--c-commons);--seat-accent-deep: var(--c-commons-deep);
  --seat-accent-soft: var(--c-commons-soft); --seat-accent-wash: var(--c-commons-wash); }