/* ==========================================================================
   Casa Alba — Design Tokens
   Global, single source of truth for the muted, warm, editorial system.
   ========================================================================== */

:root {
  /* --- Fonts -------------------------------------------------------------
     Tenor Sans  -> logo + nav only (always UPPERCASE, generous tracking)
     Newsreader  -> headings + body copy (base text font)                 */
  --font-display: "Tenor Sans", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Newsreader", Georgia, "Times New Roman", serif;

  /* --- Letter spacing (tracking) --------------------------------------- */
  --tracking-wide: 0.25em;   /* logo + nav */
  --tracking-wider: 0.3em;

  /* --- Colors ----------------------------------------------------------- */
  --color-text-primary: #000000;   /* headings / primary text (light bg)   */
  --color-text-body: #535353;      /* body copy (light bg)                  */
  --color-hairline: #d9d9d9;       /* hairlines / dividers                  */
  --color-bg: #ffffff;             /* default light section background      */
  --color-bg-alt: #d9d8d0;         /* alternate (warm) section background   */
  --color-photo-bg: #efe9e1;       /* warm cream behind product photos (matches the studio backdrop) */
  --color-pagination-inactive: #898989;
  --color-hero-text: #ffffff;      /* hero text (sits over dark imagery)    */

  /* --- Spacing scale ---------------------------------------------------- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 5rem;
  --space-7: 8rem;

  /* --- Type scale ------------------------------------------------------- */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-2xl: 2.5rem;
  --text-3xl: 3.5rem;
  /* Hero heading: a touch smaller than a full display size so it never
     crowds the viewport edges. */
  --text-hero: clamp(2.25rem, 5.2vw, 4rem);

  /* --- Line heights ----------------------------------------------------- */
  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.6;

  /* --- Layout ----------------------------------------------------------- */
  --reading-width: 34rem;   /* constrained reading measure for paragraphs   */
  --nav-pad-x: clamp(1.5rem, 4vw, 4rem);
  --nav-pad-y: clamp(1.25rem, 2.5vw, 2.25rem);
}