/* Design tokens. Ευθυγραμμισμένα με το brand/tokens.css του Aether.
   Ποτέ hard-coded hex σε components — όλα περνούν από εδώ. */
:root{
  /* colour */
  --void:#05070b;
  --void-2:#080b11;
  --surface:#0c1017;
  --surface-2:#0e131c;
  --ice:#eef4f7;
  --ice-soft:#9cadba;
  --ice-faint:#5a6a77;
  --line:#eef4f712;
  --line-2:#eef4f71f;
  --glow:#5fe6ff;
  --glow-deep:#2ea6c4;
  --halo:#5fe6ff26;

  /* semantic */
  --good:#46d79c;
  --warn:#eaa62c;
  --bad:#ff6a6a;
  --shadow:0 30px 70px -40px #000;

  /* type */
  --font-display: ui-sans-serif, system-ui, "Helvetica Neue", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: var(--font-display);
  --font-mono: "SF Mono","JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;

  /* type scale */
  --fs-body: 15px;
  --fs-small: 13px;
  --fs-h1: clamp(26px, 2.6vw, 34px);
  --fs-h2: 20px;
  --fs-h3: 12px;      /* mono eyebrow */
  --fs-data: 15px;    /* αριθμοί σε πίνακες */
  --fs-metric: clamp(23px, 2.1vw, 29px);

  /* layout — μία μέγιστη πλάτος για όλο το app */
  --maxw: 1440px;
  --gutter: clamp(20px, 3vw, 40px);
  --radius: 10px;
  --radius-sm: 7px;

  /* Ύψος της μπάρας πλοήγησης. Το ξέρουν και τα sticky στοιχεία, ώστε να μη
     χώνονται από κάτω της. */
  --topbar-h: 57px;

  /* Σταθερά ύψη για τα κουτιά μετρικών. Η ισότητα δεν είναι αισθητική
     λεπτομέρεια: όταν κάθε κουτί έχει το ίδιο ύψος, όλες οι τιμές πέφτουν
     στην ίδια γραμμή και ο πίνακας διαβάζεται με μια ματιά, όχι μία-μία. */
  --stat-label-h: 2.7em;
  --stat-hint-h: 2.9em;

  /* motion */
  --ease: cubic-bezier(.2,.6,.2,1);
}