/* Millie Kent. Design tokens.
   Change values here first; everything else reads from these. */

@font-face { font-family: "ABC Pelikan"; src: url("../fonts/ABCPelikan-Regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "ABC Pelikan"; src: url("../fonts/ABCPelikan-Medium.otf")  format("opentype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "ABC Pelikan"; src: url("../fonts/ABCPelikan-Bold.otf")    format("opentype"); font-weight: 700; font-display: swap; }

:root {
  /* Brand palette (Concept 01, cream-led) */
  --cream:    #F4F2EE;
  --white:    #FFFFFF;
  --charcoal: #242424;
  --red:      #F30819;
  --denim:    #3B5069;

  /* Type */
  --font: "ABC Pelikan", "Helvetica Neue", Arial, sans-serif;
  --fs-small:   0.8125rem;                                /* 13  credits, captions, nav */
  --fs-label:   0.875rem;                                 /* 14  small links */
  --fs-body:    1rem;                                     /* 16  reading size, do not go below */
  --fs-quote:   1rem;                                     /* 16  rail quotes */
  --fs-h3:      1.1875rem;                                /* 19  subheads */
  --fs-h2:      clamp(1.375rem, 1.15rem + 0.7vw, 1.625rem); /* 22 to 26 */
  --fs-h1:      clamp(1.5rem, 1.2rem + 0.9vw, 1.875rem);  /* 24 to 30 */
  --fs-display: clamp(1.75rem, 1.4rem + 1vw, 2.125rem);    /* 28 to 34  Book here, About me, prices */
  --fs-cta:     0.9375rem;                                /* 15  buttons and call to action links */
  --fs-marquee: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem); /* 15 to 17 */
  --lh-body: 1.6;
  --lh-tight: 1.12;
  --track-tight: -0.015em;

  /* Space */
  --gutter:    clamp(1.25rem, 5.2vw, 4.6875rem);   /* 20 to 75, page side margin */
  --col-gap:   clamp(1rem, 2vw, 1.5rem);
  --section-y: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);  /* 56 to 104 */
  --max:       1680px;

  /* Shape and motion */
  --radius:    8px;
  --radius-lg: 14px;
  --radius-card: 20px;   /* testimonial cards */
  --pad-card:  1.75rem;  /* testimonial cards */
  --tap:       2.75rem;  /* 44px, the smallest thing anyone should have to tap */
  --ease:      cubic-bezier(.2, .7, .2, 1);
}