/* =============================================================
   Anodos Live — Design tokens
   Όλες οι τιμές είναι ΜΕΤΡΗΜΕΝΕΣ στο Figma Dev Mode (18/08/2026).
   Δίπλα σε κάθε μία ο κόμβος από τον οποίο προήλθε.
   ============================================================= */

:root {
  /* ---------- Χρώματα (ονόματα βιβλιοθήκης Figma) ---------- */
  --c-black:      #080808;              /* --Black */
  --c-white:      #ffffff;              /* --Pure-white */
  --c-gold:       #ffffff;              /* white accent (was --Gold #c7a24d) */
  --c-gold-hover: #e0e0e0;             /* white hover accent (was #d9b76a) */
  --c-secondary:  #909090;              /* --Secondary  · μετρημένο 20/08 (03 - About) */
  --c-white-47:   rgb(255 255 255 / 46.67%);
  --c-hero-scrim:
    linear-gradient(90deg, rgb(0 0 0 / .82) 0%, rgb(0 0 0 / .45) 42%, rgb(0 0 0 / .15) 70%),
    linear-gradient(180deg, rgb(8 8 8 / .55) 0%, rgb(0 0 0 / .25) 40%, #080808 100%);

  /* ---------- Γραμματοσειρές ---------- */
  --f-display: "Literata", Georgia, serif;      /* h1, h3, hero subtitle */
  --f-sans:    "Inter", system-ui, sans-serif;  /* όλα τα υπόλοιπα */

  /* ---------- Text styles (Figma) ---------- */
  --t-h1: 700 clamp(30px, 2.8125vw, 54px)/1.15 var(--f-display);   /* h1 · Literata 700/54 */
  --t-h2: 700 clamp(28px, 2.5vw, 48px)/1.2 var(--f-sans);          /* h2 · Inter 700/48 */
  --t-h3: 700 clamp(22px, 1.667vw, 32px)/1.25 var(--f-display);    /* h3 · Literata 700/32 */
  --t-p1: 400 clamp(16px, .9375vw, 18px)/1.78 var(--f-sans);       /* p1 · Inter 400 18/32 */
  --t-p2: 400 16px/2 var(--f-sans);                                /* p2 · Inter 400 16/32 */
  --ls-h1: .1em;   --ls-h3: .1em;   --ls-caption: .2em;

  /* ---------- Layout ---------- */
  --page-margin: clamp(20px, 3.28vw, 63px);  /* hero logo x=63 στο 1920 */
  --grid-cols: 12;                            /* layout guide του frame */
  --header-h: 92px;                            /* 01 - Navigation Menu 1920×92 */
  --header-h-mobile: 64px;

  /* Κουμπί — Frame 6 (ΚΡΑΤΗΣΗ): 175×52, border 1px Gold, gap 10 */
  --btn-h: 52px;
  --btn-px: 28px;
  --btn-gap: 10px;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .4s;
}