/*
 * Επίκουρος: tokens σχεδιασμού. Η ΜΟΝΑΔΙΚΗ πηγή τιμών (χρώματα, αποστάσεις, γραμματοσειρές).
 * Τα components.css και οι σελίδες χρησιμοποιούν μόνο αυτά τα tokens, ποτέ σκληρογραμμένες τιμές.
 * Το σκούρο θέμα ορίζεται εδώ και αλλάζει μόνο τις τιμές. Βλ. DESIGN.md.
 */
:root {
  color-scheme: light;

  --font-ui: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-code: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* Επιφάνειες και κείμενο (ζεστά ουδέτερα του ierapostoles.gr) */
  --bg: #FAF9F7;
  --surface: #FFFFFF;
  --surface-2: #F2EEE6;
  --line: #DDD7CB;
  --line-strong: #857E70;
  --fg: #27241D;
  --fg-muted: #5A5448;

  /* Πράσινο: ενέργειες, σύνδεσμοι, focus */
  --accent: #046B6D;
  --accent-weak: #DDF0F0;
  --btn-bg: #057577;
  --btn-bg-hover: #046B6D;
  --btn-fg: #FFFFFF;
  --focus: #046B6D;

  /* Χρώματα ταυτότητας: μόνο για γραφικά και μικρά σημάδια, ποτέ ως φόντο κειμένου */
  --brand-green: #068587;
  --brand-orange: #F7630C;

  /* Κατάσταση */
  --ok: #1B6A3A;    --ok-bg: #E1F2E7;
  --warn: #7C4A00;  --warn-bg: #FAEFD6;
  --bad: #A02228;   --bad-bg: #FAE4E4;

  /* Πλαϊνό μενού: παράγεται από τα παραπάνω */
  --nav-bg: var(--surface);
  --nav-fg: var(--fg);
  --nav-muted: var(--fg-muted);
  --nav-hover: var(--surface-2);
  --nav-active: var(--accent-weak);
  --nav-active-fg: var(--accent);

  --shadow-pop: 0 8px 24px rgba(39, 36, 29, .18);

  /* Αποστάσεις (πλέγμα 4 px) και γωνίες */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --radius-control: 4px;
  --radius-panel: 8px;

  /* Πίνακες */
  --row-h: 40px;
  --table-font: 14px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #15130F; --surface: #1D1B16; --surface-2: #26231D; --line: #37332B; --line-strong: #7B7466;
    --fg: #F1EDE4; --fg-muted: #B5AE9F;
    --accent: #4FC1C3; --accent-weak: #1B3B3C;
    --btn-bg: #07787A; --btn-bg-hover: #066163; --btn-fg: #FFFFFF; --focus: #4FC1C3;
    --ok: #6FCF97; --ok-bg: #173325; --warn: #F0B860; --warn-bg: #3A2B10; --bad: #FF8A8F; --bad-bg: #401B1E;
    --shadow-pop: 0 8px 24px rgba(0, 0, 0, .5);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #15130F; --surface: #1D1B16; --surface-2: #26231D; --line: #37332B; --line-strong: #7B7466;
  --fg: #F1EDE4; --fg-muted: #B5AE9F;
  --accent: #4FC1C3; --accent-weak: #1B3B3C;
  --btn-bg: #07787A; --btn-bg-hover: #066163; --btn-fg: #FFFFFF; --focus: #4FC1C3;
  --ok: #6FCF97; --ok-bg: #173325; --warn: #F0B860; --warn-bg: #3A2B10; --bad: #FF8A8F; --bad-bg: #401B1E;
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, .5);
}

/* Συμπαγής πυκνότητα πινάκων (ο χρήστης την επιλέγει, βλ. app.js) */
:root[data-density="compact"] { --row-h: 32px; --table-font: 13px; }