/* Πόσο Μεγάλο; · public/tokens.css · τελικές τιμές από το σχεδιαστικό τραπέζι */
:root {
  --paper: oklch(0.30 0.075 250);          /* φόντο πλαισίου */
  --paper-deep: oklch(0.24 0.065 250);     /* φόντο σελίδας, ακμές κουμπιών */
  --grid: oklch(0.36 0.07 250);            /* γραμμές πλέγματος, δευτερεύον κουμπί */
  --grid-major: oklch(0.42 0.07 250);      /* γραμμή εδάφους */
  --chalk: oklch(0.965 0.012 90);          /* κείμενο, η εκτίμηση */
  --chalk-dim: oklch(0.80 0.02 250);       /* δευτερεύον κείμενο */
  --ink: oklch(0.17 0.03 250);             /* η αναφορά, κείμενο σε πάνελ και κύρια κουμπιά */
  --ink-dim: oklch(0.46 0.03 250);         /* δευτερεύον κείμενο πάνω σε panel */
  --terracotta: oklch(0.66 0.17 38);       /* αλήθεια, διάσταση, σκορ, κύριο κουμπί */
  --terracotta-deep: oklch(0.54 0.16 38);  /* ακμή κύριου κουμπιού, σύνδεσμοι σε πάνελ */
  --gold: oklch(0.83 0.14 85);             /* σερί, tag Σύντομα */
  --panel: oklch(0.97 0.015 85);           /* πάνελ αποτελέσματος και σύνοψης */
  --green: oklch(0.72 0.17 150);           /* 90 ως 100 */
  --yellow: oklch(0.86 0.16 95);           /* 60 ως 89 */
  --orange: oklch(0.73 0.18 55);           /* 30 ως 59 */
  --red: oklch(0.60 0.20 25);              /* κάτω από 30 */

  --font: "Manrope", system-ui, sans-serif;
  --display-44: 800 44px/1.05 var(--font);  /* letter-spacing -0.035em */
  --display-36: 800 36px/1.1 var(--font);   /* letter-spacing -0.03em */
  --display-26: 800 26px/1.15 var(--font);  /* letter-spacing -0.025em */
  --body: 400 17px/1.5 var(--font);
  --small: 600 14px/1.4 var(--font);
  --tiny: 400 13px/1.45 var(--font);
  --button: 800 20px/1 var(--font);         /* letter-spacing 0.04em */

  --r-panel: 24px;
  --r-control: 16px;
  --r-chip: 12px;
  --r-tag: 8px;

  --h-primary: 60px;
  --h-secondary: 56px;
  --h-small: 48px;
  --h-zoom: 40px;
  --edge: 4px;                              /* box-shadow: 0 var(--edge) 0 <edge colour> */

  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease: var(--ease-out-quint);
  --radius: var(--r-control);
  --radius-lg: var(--r-panel);
  --t-truth: 420ms;
  --t-panel: 360ms;
  --t-chip: 240ms;
  --t-press: 100ms;
}
body { font-family: var(--font); font-variant-numeric: tabular-nums; }
@media (prefers-reduced-motion: reduce) {
  :root { --t-truth: 200ms; --t-panel: 200ms; --t-chip: 200ms; }
}