/* ==========================================================================
   Giassaris — Design Tokens
   Πηγή: Figma "Giassaris - Alternative Font" → Moodboard
   ========================================================================== */
:root {
  /* ---- Brand colors (primary) ---- */
  --c-black:        #000000;
  --c-orange:       #FF6A00;  /* primary accent */
  --c-white:        #FFFFFF;

  /* ---- Secondary / complementary ---- */
  --c-ink:          #252525;  /* near-black για text/surfaces */
  --c-orange-2:     #F79410;  /* δεύτερο πορτοκαλί (gradients) */
  --c-grey-100:     #F8F8F8;  /* page background ανοιχτό */
  --c-grey-150:     #F4F4F4;  /* surfaces / cards bg */
  --c-grey-300:     #E6E6E6;  /* borders */
  --c-grey-500:     #9A9A9A;  /* muted text */
  --c-grey-700:     #5A5A5A;  /* secondary text */

  /* ---- Gradients (από moodboard color boxes) ---- */
  --grad-dark:      linear-gradient(180deg, #252525 0%, #000000 100%);
  --grad-orange:    linear-gradient(180deg, #F79410 0%, #FF6A00 100%);

  /* ---- Semantic ---- */
  --c-bg:           var(--c-white);
  --c-bg-alt:       var(--c-grey-100);
  --c-surface:      var(--c-grey-150);
  --c-text:         var(--c-ink);
  --c-text-muted:   var(--c-grey-700);
  --c-border:       var(--c-grey-300);
  --c-accent:       var(--c-orange);
  --c-accent-hover: #e85f00;

  /* ---- Typography ----
     Brand font = **Inter** (Google Fonts) με πλήρη ελληνικά. Το Gotham του
     παλιού moodboard ΑΠΟΣΥΡΘΗΚΕ από το design team — όλο το project σε Inter. */
  --font-base: "Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-heading: var(--font-base);

  /* Type scale (από moodboard: 16 body / 38 subheading / 52 heading) */
  --fs-xs:    12px;
  --fs-sm:    14px;
  --fs-base:  16px;
  --fs-md:    18px;
  --fs-lg:    20px;
  --fs-xl:    24px;
  --fs-2xl:   38px;   /* subheading */
  --fs-3xl:   52px;   /* heading */

  --fw-light:   300;  /* Gotham Light */
  --fw-book:    400;  /* Gotham Book/Regular */
  --fw-medium:  500;  /* Gotham Medium */
  --fw-bold:    700;  /* Gotham Bold */

  --lh-tight:  1.1;
  --lh-base:   1.5;
  --ls-tight:  -0.02em;  /* -2% spacing του moodboard */

  /* ---- Layout ---- */
  --container:   1792px;  /* content max (1920 - 2*64) */
  /* Responsive gutter (side padding) + section vertical rhythm.
     Both step down per breakpoint in base.css. Defaults = desktop (≥1500). */
  --gutter:           64px;  /* 64 ≥1024 · 32 tablet · 16 phone */
  --gutter-sm:        16px;
  --section-y:        64px;  /* .section padding-block: 64 · 52 · 40 · 28 */
  --section-y-tight:  40px;  /* .section--tight: 40 · 32 · 24 · 20 */

  /* ---- Radius / shadow ---- */
  --radius-sm:  6px;
  --radius:     10px;
  --radius-lg:  16px;
  --radius-pill: 999px;
  --shadow-sm:  0 1px 3px rgba(0,0,0,.08);
  --shadow:     0 6px 24px rgba(0,0,0,.10);

  /* ---- Motion ---- */
  --t-fast: .15s ease;
  --t:      .25s ease;

  /* ---- Breakpoints (reference· χρησιμοποιούνται στα media queries) ---- */
  /* mobile <768 · tablet 768–1023 · desktop ≥1024 */
}