/* ==========================================================================
   Medifoot — Design Tokens v1 (source of truth: medifoot-colors.md)
   White dominant · honey accent · cypress grounding · Geologica
   ========================================================================== */

:root {
  /* ---- Πρωτεύον · Λευκό & ουδέτερα ---- */
  --white:        #FFFFFF;
  --paper:        #FBFAF6;
  --bone:         #F2EFE7;
  --rule:         #E8E4DC;

  /* ---- Δευτερεύον · Honey (brand) ---- */
  --honey:        #FFC630;
  --honey-deep:   #E5AC00;
  --honey-soft:   #FFEDB3;
  --honey-glow:   #FFD966;

  /* ---- Τριτεύον · Cypress (γείωση/φύση) ---- */
  --cypress:      #3D5A3D;
  --cypress-deep: #2A3F2A;
  --cypress-soft: #E8EEE7;

  /* ---- Κείμενο ---- */
  --slate:        #2D2823;
  --muted:        #7A736C;

  /* ---- Status ---- */
  --success:      #5A8268;
  --error:        #A14B3C;
  --warning:      #C49340;
  --info:         #5A6A7A;

  /* ---- Type ---- */
  --font:         "Geologica", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-light:     300;
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;

  /* Fluid type scale (clamp: min, fluid, max) */
  --fs-display:   clamp(2.6rem, 1.6rem + 4.2vw, 5rem);
  --fs-h1:        clamp(2.1rem, 1.5rem + 2.6vw, 3.4rem);
  --fs-h2:        clamp(1.7rem, 1.3rem + 1.7vw, 2.5rem);
  --fs-h3:        clamp(1.3rem, 1.1rem + 0.9vw, 1.65rem);
  --fs-lead:      clamp(1.1rem, 1rem + 0.5vw, 1.3rem);
  --fs-body:      1.0625rem;   /* 17px */
  --fs-small:     0.9375rem;   /* 15px */
  --fs-eyebrow:   0.78rem;

  --lh-tight:     1.08;
  --lh-snug:      1.25;
  --lh-body:      1.65;

  /* ---- Spacing scale (8pt base) ---- */
  --sp-1:  0.5rem;
  --sp-2:  1rem;
  --sp-3:  1.5rem;
  --sp-4:  2rem;
  --sp-5:  3rem;
  --sp-6:  4rem;
  --sp-7:  6rem;
  --sp-8:  8rem;
  --section-y: clamp(4rem, 3rem + 5vw, 8rem);
  --gutter:    clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --maxw:      1200px;
  --maxw-text: 720px;

  /* ---- Radius ---- */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   22px;
  --r-xl:   32px;
  --r-pill: 999px;

  /* ---- Shadow (warm, soft) ---- */
  --shadow-sm: 0 1px 2px rgba(45,40,35,0.04), 0 2px 6px rgba(45,40,35,0.05);
  --shadow-md: 0 4px 12px rgba(45,40,35,0.06), 0 10px 28px rgba(45,40,35,0.07);
  --shadow-lg: 0 12px 32px rgba(45,40,35,0.09), 0 24px 60px rgba(45,40,35,0.10);
  --shadow-honey: 0 8px 24px rgba(229,172,0,0.22);

  /* ---- Motion ---- */
  --ease:      cubic-bezier(0.22, 1, 0.36, 1);
  --dur:       0.5s;
  --dur-fast:  0.25s;
}