/* Generated by npm run design:sync from design/tokens.css. Do not edit. */
/* ===========================================================================
   THE THIRD CLOVER — Continental tokens for the studio app.
   Source: The Third Clover Design System 2 (Continental), with the overrides
   decided in SPEC.md > Build inputs > Brand:
     · Display face: Recoleta, as the Framer site uses it (owner, 2026-10-20; it had been Bricolage Grotesque).
       Its faces cover weight ranges so the weights tuned for Bricolage (650, 720, 780, 800) land on Recoleta Bold,
       as Framer's headings do; below 650 is SemiBold.
     · Ink #23271F (was #2F3132)
     · Surfaces: Warm Parchment #F9F7F2 is the page; Parchment #F4EFE4 is the tonal panel
     · Clay #BE7355 and Deep Moss #7A8F6C added to the palette
   Everything else is carried from Design System 2 unchanged.
   Run `npm run design:sync` after editing to copy this into extensions.
   =========================================================================== */

:root {
  /* ---- Palette --------------------------------------------------------- */
  --tc-parchment:    #F9F7F2;   /* Warm Parchment: page surface    */
  --tc-parchment-2:  #F4EFE4;   /* Parchment: tonal panel, cards   */
  --tc-parchment-3:  #EDE7DA;   /* deeper panel                    */
  --tc-ink:          #23271F;   /* type & line (override)         */
  --tc-juniper:      #4A5D4E;   /* primary leaf / single accent   */
  --tc-juniper-deep: #3C4D40;   /* hover / pressed juniper        */
  --tc-moss:         #9CAF88;   /* third leaf, sparing highlight  */
  --tc-moss-deep:    #7A8F6C;   /* Deep Moss                      */
  --tc-clay:         #BE7355;   /* Clay: warnings, "almost full"  */

  --tc-rule:       rgba(35, 39, 31, 0.16);
  --tc-rule-soft:  rgba(35, 39, 31, 0.085);
  --tc-text:       var(--tc-ink);
  --tc-text-body:  rgba(35, 39, 31, 0.84);
  --tc-text-muted: rgba(35, 39, 31, 0.68);   /* 5.1:1 on parchment, 5.0:1 on the panel (WCAG AA asks 4.5) */
  --tc-on-brand:   var(--tc-parchment);

  /* ---- Type ------------------------------------------------------------ */
  --tc-font-display: "Recoleta", Georgia, "Times New Roman", serif;
  --tc-font-body:    "Newsreader", Georgia, "Times New Roman", serif;
  --tc-font-mono:    "IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;
  --tc-weight-display: 650;
  --tc-tracking-display: -0.02em;
  --tc-tracking-kicker: 0.22em;
  --tc-leading-body: 1.5;

  /* ---- Space, radius, shadow ----------------------------------------- */
  --tc-space-1: 4px;  --tc-space-2: 8px;  --tc-space-3: 14px; --tc-space-4: 18px;
  --tc-space-5: 24px; --tc-space-6: 34px; --tc-space-7: 48px; --tc-space-8: 64px;
  --tc-space-9: 96px;
  --tc-radius-sm: 8px; --tc-radius-md: 14px; --tc-radius-lg: 18px;
  --tc-radius-xl: 22px; --tc-radius-pill: 999px;
  --tc-shadow-soft: 0 18px 40px -30px rgba(35, 39, 31, 0.45);

  /* ---- Motion: calm fades only, never bouncy ---------------------------- */
  --tc-fade-fast: 120ms;
  --tc-fade: 180ms;
  --tc-ease: ease;
}