/* ============================================================
   Design 01 — "Icy Minimal"
   Παλέτα: Icy Blue #9FCBE9 φόντο-πνοή, Regal Navy #1E3E74 μελάνι,
   Atomic Tangerine #F87530 μόνο σε CTA. Απαλό, καθαρό, στρογγυλεμένο.
   Γραμματοσειρά: Commissioner (self-hosted — χωρίς αιτήματα σε τρίτους).
   ============================================================ */

/* Υποσύνολο Latin + Ελληνικά, μόνο ο άξονας wght (55 KB αντί για 264 KB).
   Χωρίς εφεδρικό .ttf: κάθε browser που υποστηρίζει variable fonts
   υποστηρίζει και woff2 — το .ttf ήταν νεκρό βάρος 724 KB. */
@font-face {
  font-family: "Commissioner";
  src: url("../assets/fonts/Commissioner/Commissioner-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+0370-03FF, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}

:root {
  --font-body: "Commissioner", "Segoe UI", Arial, sans-serif;
  --font-display: "Commissioner", "Segoe UI", Arial, sans-serif;
  --display-weight: 800;

  --bg: #f2f6fa;
  --surface: #ffffff;
  --surface-2: #e9f0f7;
  --line: #d7e2ec;
  --ink: #14263f;
  --muted: #4f6379;
  --heading: #1e3e74;

  --navy: #1e3e74;
  --blue: #2a528f;
  --sky: #5590c5;
  --sky-soft: #8fbedf;
  --ice: #9fcbe9;
  --accent: #f8935c;
  --accent-strong: #f8935c;
  /* πορτοκαλί για ΚΕΙΜΕΝΟ σε ανοιχτό φόντο — ≥4.5:1 (WCAG AA) */
  --accent-text: #b0490f;

  --btn-primary-bg: #f8935c;
  --btn-primary-ink: #1b0f06;
  --btn-primary-shadow: 0 6px 18px -8px rgba(248, 117, 48, 0.65);
  --btn-ghost-line: #b9cede;
  --btn-radius: 999px;

  --card-shadow:
    0 1px 2px rgba(20, 38, 63, 0.05), 0 8px 24px -12px rgba(20, 38, 63, 0.18);
  --header-bg: rgba(255, 255, 255, 0.82);
  --header-shadow: 0 4px 20px -12px rgba(20, 38, 63, 0.25);
  --hero-backdrop:
    radial-gradient(
      52rem 30rem at 82% -12%,
      rgba(159, 203, 233, 0.55),
      transparent 62%
    ),
    radial-gradient(
      40rem 26rem at -8% 110%,
      rgba(85, 144, 197, 0.28),
      transparent 60%
    );

  --cta-bg: linear-gradient(120deg, #1e3e74, #2a528f 55%, #35608f);
  --cta-ink: #f0f6fc;
  --cta-heading: #ffffff;
  --cta-muted: #c4d8ec;
  --cta-shadow: 0 20px 44px -18px rgba(30, 62, 116, 0.55);

  --avatar-bg: linear-gradient(135deg, #8fbedf, #5590c5);
  --avatar-ink: #ffffff;
  --logo-panel-bg: #ffffff;
  --focus-ring: #2a528f;

  --radius: 16px;
  --radius-sm: 10px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0c1421;
    --surface: #131f31;
    --surface-2: #182740;
    --line: #263a55;
    --ink: #e6eef7;
    --muted: #9db1c7;
    --heading: #b8d5ec;
    --navy: #8fbedf;
    --blue: #9fcbe9;
    --sky-soft: #35608f;
    --ice: #24466e;
    --accent-strong: #ff8a4d;
    --accent-text: #f8935c;
    --btn-primary-ink: #1b0f06;
    --btn-ghost-line: #33507a;
    --card-shadow:
      0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 28px -14px rgba(0, 0, 0, 0.55);
    --header-bg: rgba(12, 20, 33, 0.82);
    --hero-backdrop:
      radial-gradient(
        52rem 30rem at 82% -12%,
        rgba(42, 82, 143, 0.4),
        transparent 62%
      ),
      radial-gradient(
        40rem 26rem at -8% 110%,
        rgba(85, 144, 197, 0.18),
        transparent 60%
      );
    --focus-ring: #8fbedf;
  }
}
:root[data-theme="dark"] {
  --bg: #0c1421;
  --surface: #131f31;
  --surface-2: #182740;
  --line: #263a55;
  --ink: #e6eef7;
  --muted: #9db1c7;
  --heading: #b8d5ec;
  --navy: #8fbedf;
  --blue: #9fcbe9;
  --sky-soft: #35608f;
  --ice: #24466e;
  --accent-strong: #ff8a4d;
  --accent-text: #f8935c;
  --btn-primary-ink: #1b0f06;
  --btn-ghost-line: #33507a;
  --card-shadow:
    0 1px 2px rgba(0, 0, 0, 0.35), 0 10px 28px -14px rgba(0, 0, 0, 0.55);
  --header-bg: rgba(12, 20, 33, 0.82);
  --hero-backdrop:
    radial-gradient(
      52rem 30rem at 82% -12%,
      rgba(42, 82, 143, 0.4),
      transparent 62%
    ),
    radial-gradient(
      40rem 26rem at -8% 110%,
      rgba(85, 144, 197, 0.18),
      transparent 60%
    );
  --focus-ring: #8fbedf;
}

/* skin λεπτομέρειες */
.card:hover {
  box-shadow:
    0 2px 4px rgba(20, 38, 63, 0.06),
    0 18px 36px -14px rgba(20, 38, 63, 0.28);
}

/* footer: χωρίς στήλη «Εταιρεία» — τα εταιρικά στοιχεία (άρθρο 47, Γ.Ε.ΜΗ.)
   ανοίγουν πατώντας το © στο κάτω μέρος */
.footer-inner { grid-template-columns: 1.4fr 1fr; }
.footer-bottom .legal-link { color: var(--muted); }
.footer-bottom .legal-link:hover { color: var(--heading); text-decoration: underline; }
@media (max-width: 720px) { .footer-inner { grid-template-columns: 1fr; } }