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

:root {
  /* ---------- Χρώματα (ονόματα βιβλιοθήκης Figma) ---------- */
  --c-black:      #080808;              /* --Black */
  --c-white:      #ffffff;              /* --Pure-white */
  --c-gold:       #c7a24d;              /* --Gold */
  /* Το --Gold-Hover ΔΕΝ υπάρχει ως μεταβλητή στο Figma — υπάρχει μόνο ως
     prototype hover state, οπότε δεν μετριέται από το Dev Mode. Αντί για
     μαντεμένο hex, το παράγουμε από το μετρημένο --c-gold: ίδια απόχρωση,
     ελαφρώς πιο φωτεινή. Όταν η γραφίστρια δώσει την τιμή, αλλάζει ΜΟΝΟ
     η τελευταία γραμμή. Το #d9b76a από πάνω είναι fallback για browsers
     χωρίς color-mix (Safari < 16.2). */
  --c-gold-hover: #d9b76a;
  --c-gold-hover: color-mix(in oklab, var(--c-gold) 84%, #fff);
  --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;
}