/* Harvest & Cork design tokens. Shared by the public site (index.html) and the client portal (portal.html). */
:root{
  /* Colour: drawn from the logo. Olive and amber are used sparingly; neutrals carry the layout. */
  --hc-olive:#1A3229;
  --hc-olive-deep:#0F2019;
  --hc-olive-soft:#DCE3DF;
  --hc-amber:#B87A34;       /* decorative and large text only */
  --hc-amber-ink:#8A5A1F;   /* amber that passes contrast at small sizes */
  --hc-amber-soft:#F1E4CF;
  /* Section colours from the logo: vine green, grape copper, and soft tints of each */
  --hc-vine:#2B3612;
  --hc-grape:#94531F;       /* the grapes, deepened so cream text passes contrast */
  --hc-grape-light:#F2C98C; /* grape highlight, for large or decorative text on dark */
  --hc-grape-soft:#F3E2C9;
  --hc-sage:#E3E7D4;
  --hc-ink:#1B1C18;         /* charcoal for type */
  --hc-ink-2:#45473F;
  --hc-mute:#6B6D62;
  --hc-paper:#F7F4EE;
  --hc-linen:#EFE9DE;
  --hc-stone:#DDD5C4;
  --hc-white:#FFFDF9;
  --hc-line:rgba(27,28,24,.13);
  --hc-line-strong:rgba(27,28,24,.3);
  --hc-error:#9B2F22;
  --hc-ok:#3E5A1C;

  /* Type */
  --hc-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --hc-sans:Geist,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

  /* Spacing scale */
  --hc-1:4px;--hc-2:8px;--hc-3:12px;--hc-4:16px;--hc-5:24px;--hc-6:32px;--hc-7:48px;--hc-8:64px;--hc-9:96px;--hc-10:144px;

  /* Shape and motion */
  --hc-radius:2px;
  --hc-ease:cubic-bezier(.2,.7,.2,1);
  --hc-max:1280px;
  --hc-pad:clamp(20px,5vw,64px);
}