/*
 * ════════════════════════════════════════════════════
 *  TOKENS — Community Concierge
 * ════════════════════════════════════════════════════
 */

:root {
  /* Palette */
  --black:     #0A0A0A;
  --ivory:     #F6F2EC;
  --ivory-2:   #EDE8DF;
  --ivory-3:   #E5DFD5;
  --charcoal:  #181818;
  --text:      #282828;
  --muted:     #888;
  --white:     #FFFFFF;
  --border:    rgba(0,0,0,.07);
  --border-md: rgba(0,0,0,.11);
  --border-lt: rgba(255,255,255,.08);

  /* Brand */
  --gold:     #B8955A;
  --gold-l:   #CCB07A;
  --gold-dim: rgba(184,149,90,.12);

  /* WhatsApp */
  --wa:       #25D366;
  --wa-hover: #1FB855;

  /* Typography */
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans:  'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Type scale */
  --t-2xs: 12px;
  --t-xs:  13px;
  --t-sm:  14px;
  --t-md:  15px;
  --t-lg:  17px;
  --t-xl:  20px;

  /* Letter-spacing */
  --ls-display: .04em;
  --ls-base:    .06em;
  --ls-caps:    .10em;
  --ls-wide:    .16em;
  --ls-hero:    .22em;

  /* Line-height */
  --lh-tight: 1.06;
  --lh-snug:  1.2;
  --lh-body:  1.65;
  --lh-lead:  1.85;

  /* Spacing */
  --sp-1:   8px;  --sp-2:  16px;  --sp-3:  24px;
  --sp-4:  32px;  --sp-5:  48px;  --sp-6:  64px;
  --sp-7:  80px;  --sp-8:  96px;  --sp-9: 128px;

  /* Layout */
  --header-h:  64px;
  --px:        clamp(24px, 6.5vw, 96px);
  --py:        clamp(72px, 10vw, 136px);
  --card-gap:  clamp(16px, 2.5vw, 28px);
  --max-prose: 600px;

  /* Motion */
  --ease:     cubic-bezier(.4, 0, .2, 1);
  --ease-out: cubic-bezier(0, 0, .2, 1);
  --dur:      0.22s;
  --dur-slow: 0.38s;

  /* Focus */
  --focus-ring:      0 0 0 2px var(--white), 0 0 0 4px var(--gold);
  --focus-ring-dark: 0 0 0 2px var(--black), 0 0 0 4px var(--gold);

  /* Misc */
  --overlay: rgba(10,10,10,.62);
  --r-sm:   6px;  --r-md:  12px;  --r-lg:  18px;
  --r-xl:  24px;  --r-2xl: 32px;  --r-pill: 100px;
}