/* ==========================================================================
   Jenin — "The Last Harvest" · design tokens
   Extracted from Jenin_Website_Design_Open_Files_1.ai (artboard 1618 × 13514)
   All px values are DESIGN px at the 1618px reference width.
   Multiply by var(--u) in layout so the page scales with the viewport.
   ========================================================================== */

/* Fonts: the .woff2 files are NOT included (commercial licences).
   Put licensed web fonts in /public/fonts with these names, or the
   fallbacks below will be used. See fonts/README.md. */
@font-face { font-family: "Indivisible"; src: url("../fonts/Indivisible-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Indivisible"; src: url("../fonts/Indivisible-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "ALT Maria Clara"; src: url("../fonts/ALTMariaClara-Light.woff2") format("woff2"); font-weight: 300; font-display: swap; }
@font-face { font-family: "Ofelia Display"; src: url("../fonts/OfeliaDisplay-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }

:root {
  /* ---- scale unit: 1 design px ------------------------------------------ */
  --design-width: 1618;
  --u: calc(100vw / var(--design-width)); /* exactly 1px when viewport = 1618 */

  /* ---- colour ---------------------------------------------------------- */
  --ink: #000000;            /* all headings + body copy */
  --ink-nav: #2B1A14;        /* nav links only (warm near-black) */
  --gold: #C19F2E;           /* every primary button */
  --paper: #E3E3E3;          /* fallback under the paper texture plate */
  --bid-bg: #F4F4F4;         /* flat background of the "Bid on the bottle" section */
  --card-gray: #CFCFCF;      /* hero bid card, used at 81% opacity */
  --card-gray-opacity: 0.81;
  --input-bg: #EBEBEC;
  --input-muted: #BDBEC0;    /* placeholder text + divider inside the input */
  --input-prefix: #656768;   /* the "AED" prefix inside the input */
  --footer-bg: #000000;
  --footer-fg: #FFFFFF;
  --logo-on-dark: #ECECEC;

  /* ---- type families --------------------------------------------------- */
  --font-sans: "Indivisible", "Figtree", "Helvetica Neue", Arial, sans-serif;
  --font-display: "ALT Maria Clara", "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-footer: "Ofelia Display", "Figtree", "Helvetica Neue", Arial, sans-serif;

  /* Most text in the file is horizontally stretched to 104.5% in Illustrator.
     Apply with transform: scaleX(var(--hscale)) on single-line / hard-broken text
     (headings, labels, numbers). For wrapping paragraphs see DESIGN_SPEC §3.2. */
  --hscale: 1.045;

  /* ---- type scale (design px) ----------------------------------------- */
  /* display — ALT Maria Clara Light, uppercase */
  --display-size: 88.44;   --display-track: 0.1em;  --display-step: 103.8;   /* line pitch */
  /* body — Indivisible Regular (strong = Medium) */
  --body-size: 21.51;      --body-track: -0.02em;
  --body-step-tight: 25.64;   /* intro, Rescued, Preserving paragraphs */
  --body-step-relaxed: 28.93; /* vessel list, Guardians, Bid copy, closing copy, cards */
  /* nav — Indivisible Medium, uppercase, NOT h-scaled */
  --nav-size: 15.98;       --nav-track: 0.24em;
  /* hero eyebrow "THE LAST HARVEST" — Indivisible Medium, NOT h-scaled */
  --eyebrow-size: 27.92;   --eyebrow-track: 0.24em;
  --portrait-name-size: 23.74;                       /* Medium, track 0 */
  --card-title-size: 29.51; --card-title-track: -0.02em; /* Medium */
  --price-xl-size: 51.42;  /* Regular, track .02em  (bid section current bid) */
  --price-lg-size: 39.96;  /* Regular, track .02em  (hero card current bid) */
  --stat-value-size: 27.46;/* Regular, track .02em */
  --label-size: 17.07;     /* Regular, track .04em, uppercase */
  --label-sm-size: 13.26;  /* Regular/Medium, track .04em, uppercase (hero card) */
  --button-size: 17.38;    /* Medium, track .04em, uppercase */
  --button-sm-size: 16.59; /* Medium, track .04em, uppercase (hero card button) */
  --input-prefix-size: 23.87; /* Medium, track .02em */
  --footer-size: 18.22;    /* Ofelia Display Regular, track .02em */

  /* ---- spacing (design px) -------------------------------------------- */
  --page-margin: 74;       /* left/right content edge: x 74 → 1544 */
  --content-width: 1470;
  --gap-s: 74;             /* designer's small vertical rhythm (from hidden guide layer) */
  --gap-l: 127;            /* designer's large vertical rhythm */

  /* ---- radii (design px) ---------------------------------------------- */
  --radius-card: 19.7;
  --radius-button: 6.4;
  --radius-input: 7;

  /* ---- sizes (design px) ---------------------------------------------- */
  --button-height: 61.5;
  --hairline: 0.25;        /* rules in the bid stats row */
}

/* helper: convert design px to the fluid unit */
/* usage: width: calc(436.6 * var(--u)); */