/* The Great British Cheese Festival — design tokens.
   The brand palette: cream paper, festival blue, one warm accent.
   Photography carries the design; nothing here competes with it. */
:root {
  /* Paper. Cream is the ground the whole site sits on — the same cream as
     the brand artwork, not white, so photography sits warm against it. */
  --paper: #FBF4E8;
  --paper-soft: #F6ECDA;
  --paper-lift: #F0E3CC;
  --cream: #FBF4E8;
  --cream-deep: #F3E8D5;

  /* Festival blue. Headings, the primary action, the ink marks, the footer. */
  --blue: #1E3A8A;
  --blue-deep: #152A66;
  --blue-soft: #35539F;
  --navy: #1E3A8A;
  --navy-deep: #152A66;

  /* Text, all set in blue-black rather than a neutral grey so nothing on the
     page falls outside the palette. */
  --ink: #14204A;
  --ink-soft: rgba(20, 32, 74, 0.76);
  --ink-mute: rgba(20, 32, 74, 0.54);
  --white: #FFFFFF;
  --line: rgba(30, 58, 138, 0.22);
  --line-faint: rgba(30, 58, 138, 0.12);

  /* Warm accent, used sparingly: prices, the ticker marks, a featured edge.
     Deep enough to hold its own against cream. */
  --gold: #B8801E;
  --gold-deep: #9A6916;

  --success: #2F6144;
  --error: #9A3220;

  /* Type — Fraunces for display (warm, high-contrast, sits with the logo's
     fat serif), Inter for everything else. Two faces, no more. */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --size-xs: 0.75rem;
  --size-sm: 0.875rem;
  --size-base: 1.0625rem;
  --size-md: 1.25rem;
  --size-lg: 1.75rem;
  --size-xl: clamp(2rem, 3.4vw, 3rem);
  --size-2xl: clamp(2.6rem, 5vw, 4.4rem);
  --size-3xl: clamp(3rem, 7.5vw, 7rem);

  /* Space — generous. Air is the main ingredient. */
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 2.75rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  --radius: 2px;
  --shadow: 0 20px 50px rgba(20, 32, 74, 0.1);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}