:root {
  /* Palette — matches the extension's "sage moss" theme */
  --c-ground:       #F3EEE6;
  --c-surface:      #FFFCF7;
  --c-violet:       #57755F;
  --c-violet-hover: #435C4D;
  --c-violet-tint:  #E6EDE8;
  --c-violet-pale:  #F4F7F5;
  --c-ink:          #2E2A27;
  --c-muted:        #6C6153;
  --c-border:       #E9E1D2;
  --c-border-light: #F5EFE5;
  --c-rose:         #B96D7E;
  --c-rose-tint:    #FBEAEC;

  /* Typography */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;

  /* Type scale */
  --sz-xs:   0.6875rem;   /* 11px */
  --sz-sm:   0.8125rem;   /* 13px */
  --sz-base: 0.9375rem;   /* 15px */
  --sz-md:   1.0625rem;   /* 17px */
  --sz-lg:   1.25rem;     /* 20px */
  --sz-xl:   1.5rem;      /* 24px */
  --sz-2xl:  2rem;        /* 32px */
  --sz-3xl:  2.75rem;     /* 44px */
  --sz-4xl:  3.5rem;      /* 56px */

  /* Spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  /* Radii */
  --r-sm:   4px;
  --r-md:   8px;
  --r-lg:   14px;
  --r-xl:   20px;
  --r-2xl:  28px;
  --r-full: 9999px;

  /* Shadows */
  --shadow-sm:     0 1px 3px rgba(62,50,34,.08);
  --shadow-md:     0 4px 20px rgba(62,50,34,.10), 0 1px 3px rgba(62,50,34,.05);
  --shadow-lg:     0 12px 40px rgba(62,50,34,.12), 0 2px 8px rgba(62,50,34,.05);
  --shadow-xl:     0 24px 60px rgba(62,50,34,.16), 0 4px 16px rgba(62,50,34,.06);
  --shadow-violet: 0 16px 48px rgba(87,117,95,.24);
  --shadow-violet-lg: 0 24px 72px rgba(87,117,95,.28);

  /* Transitions */
  --t-fast: 120ms ease;
  --t-base: 220ms ease;
  --t-slow: 380ms ease;

  /* Layout */
  --max-w:  1160px;
  --gutter: clamp(1.25rem, 5vw, 2.5rem);
}