/* ════════════════════════════════════════════════════════════════════════
   PERSIS.AI · DESIGN SYSTEM — δημόσιες σελίδες
   ────────────────────────────────────────────────────────────────────────
   Αυτούσιο από το `_ds/persis-ai-design-system-5a67e899…` bundle που συνοδεύει
   κάθε export του claude design (tokens/colors.css, geometry.css,
   typography.css, semantic.css, fonts.css + τα ps-* components του
   _ds_bundle.js). Καμία τιμή δεν έχει αλλάξει.

   Χρήση: δημόσιες σελίδες εργαλείων/διαδικασιών (/prostimo-authairetou,
   /diadikasies/*). ΟΧΙ οι σελίδες όρων δόμησης — εκείνες έχουν το δικό τους
   σύνολο (oroi-v3.css) με τις ίδιες αρχές αλλά άλλα ονόματα και ελαφρώς άλλες
   τιμές· η ανάμειξη των δύο έβγαζε λάθος χρώματα.
   ════════════════════════════════════════════════════════════════════════ */

/* ═══ Webfonts — self-hosted, SIL OFL 1.1 ═══
   Source Serif 4 → display · Manrope → body/UI (πλήρη ελληνικά) ·
   JetBrains Mono → labels/dates/codes. */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/SourceSerif4-Regular.ttf") format("truetype")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:400;font-display:swap;src:url("/assets/fonts/SourceSerif4-Italic.ttf") format("truetype")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/SourceSerif4-Medium.ttf") format("truetype")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:500;font-display:swap;src:url("/assets/fonts/SourceSerif4-MediumItalic.ttf") format("truetype")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/SourceSerif4-SemiBold.ttf") format("truetype")}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:600;font-display:swap;src:url("/assets/fonts/SourceSerif4-SemiBoldItalic.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:300;font-display:swap;src:url("/assets/fonts/Manrope-Light.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/Manrope-Regular.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/Manrope-Medium.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/Manrope-SemiBold.ttf") format("truetype")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/Manrope-Bold.ttf") format("truetype")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/JetBrainsMono-Regular.ttf") format("truetype")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/JetBrainsMono-Medium.ttf") format("truetype")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/JetBrainsMono-SemiBold.ttf") format("truetype")}

/* ═══ Χρώματα — theme-split (light + dark), evergreen ταυτότητα ═══
   Μία μόνο accent απόχρωση (βαθύ evergreen)· τα υπόλοιπα είναι ζεστό
   μελάνι/γκρι. Τα σημασιολογικά (coral/amber/green/info) εμφανίζονται ΜΟΝΟ ως
   νόημα, πάντα ως *-wash γέμισμα πίσω από *-line τρίχα. */
:root,
html[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f6f2;
  --panel:#ffffff;
  --panel-2:#fbfaf7;
  --panel-3:#f2f1ec;
  --inset:#f4f3ef;
  --ink:#1a1a17;
  --ink-2:#3c3b36;
  --ink-3:#6b6a62;
  --ink-4:#9a988e;
  --line:oklch(22% 0.01 95 / 0.10);
  --line-2:oklch(22% 0.01 95 / 0.06);
  --line-strong:oklch(22% 0.01 95 / 0.18);
  --accent:oklch(48% 0.075 155);
  --accent-2:oklch(42% 0.07 155);
  --accent-ink:oklch(40% 0.065 155);
  --accent-wash:oklch(48% 0.075 155 / 0.08);
  --accent-line:oklch(48% 0.075 155 / 0.28);
  --on-accent:#ffffff;
  --coral:oklch(55% 0.16 28);   --coral-wash:oklch(55% 0.16 28 / 0.09);  --coral-line:oklch(55% 0.16 28 / 0.26);
  --amber:oklch(60% 0.13 65);   --amber-wash:oklch(60% 0.13 65 / 0.11);  --amber-line:oklch(60% 0.13 65 / 0.28);
  --green:oklch(52% 0.12 155);  --green-wash:oklch(52% 0.12 155 / 0.10); --green-line:oklch(52% 0.12 155 / 0.26);
  --info:oklch(52% 0.09 240);   --info-wash:oklch(52% 0.09 240 / 0.10);  --info-line:oklch(52% 0.09 240 / 0.26);
  --shadow-sm:0 1px 2px oklch(20% 0.02 95 / 0.05), 0 1px 1px oklch(20% 0.02 95 / 0.04);
  --shadow-md:0 1px 2px oklch(20% 0.02 95 / 0.04), 0 4px 12px oklch(20% 0.02 95 / 0.05), 0 12px 28px oklch(20% 0.02 95 / 0.04);
  --shadow-lg:0 2px 4px oklch(20% 0.02 95 / 0.05), 0 12px 32px oklch(20% 0.02 95 / 0.08), 0 24px 60px oklch(20% 0.02 95 / 0.07);
  --hi:0 0 0 transparent;
  --scrim:oklch(20% 0.02 95 / 0.40);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0b0b0a;
  --panel:#151513;
  --panel-2:#1b1b18;
  --panel-3:#222220;
  --inset:#111110;
  --ink:#f0ede4;
  --ink-2:#cfccc2;
  --ink-3:#928f86;
  --ink-4:#65635c;
  --line:oklch(85% 0.01 90 / 0.10);
  --line-2:oklch(85% 0.01 90 / 0.055);
  --line-strong:oklch(85% 0.01 90 / 0.18);
  --accent:oklch(66% 0.085 155);
  --accent-2:oklch(72% 0.08 155);
  --accent-ink:oklch(74% 0.075 155);
  --accent-wash:oklch(66% 0.085 155 / 0.14);
  --accent-line:oklch(66% 0.085 155 / 0.32);
  --on-accent:#0a0a09;
  --coral:oklch(70% 0.15 28);   --coral-wash:oklch(70% 0.15 28 / 0.13);  --coral-line:oklch(70% 0.15 28 / 0.30);
  --amber:oklch(76% 0.13 70);   --amber-wash:oklch(76% 0.13 70 / 0.13);  --amber-line:oklch(76% 0.13 70 / 0.30);
  --green:oklch(70% 0.13 155);  --green-wash:oklch(70% 0.13 155 / 0.13); --green-line:oklch(70% 0.13 155 / 0.30);
  --info:oklch(72% 0.10 235);   --info-wash:oklch(72% 0.10 235 / 0.13);  --info-line:oklch(72% 0.10 235 / 0.28);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 1px 2px rgba(0,0,0,.4), 0 6px 16px rgba(0,0,0,.34), 0 14px 34px rgba(0,0,0,.28);
  --shadow-lg:0 2px 6px rgba(0,0,0,.5), 0 16px 40px rgba(0,0,0,.46), 0 30px 70px rgba(0,0,0,.4);
  --hi:inset 0 1px 0 oklch(85% 0.01 90 / 0.05);
  --scrim:rgba(0,0,0,.6);
}

/* ═══ Γεωμετρία ═══ */
:root{
  --r-xs:5px; --r-sm:7px; --r-md:9px; --r-lg:12px; --r-xl:16px; --r-pill:999px;
  --ease:cubic-bezier(.2,.6,.25,1);
  --dur-fast:.14s; --dur:.16s; --dur-slow:.24s;
}

/* ═══ Τυπογραφία ═══ */
:root{
  --font-display:"Source Serif 4",Georgia,"Times New Roman",serif;
  --font-serif:"Source Serif 4",Georgia,serif;
  --font-body:"Manrope","Hanken Grotesk",-apple-system,system-ui,sans-serif;
  --font-sans:"Manrope","Hanken Grotesk",-apple-system,system-ui,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --track-label:.14em;
  --track-eyebrow:.16em;
}

/* ═══════════ COMPONENTS ═══════════ */

.ps-eyebrow{display:inline-block;font-family:var(--font-mono);font-weight:500;text-transform:uppercase;color:var(--ink-4);line-height:1.3}
.ps-eyebrow--xs{font-size:9px;letter-spacing:.14em}
.ps-eyebrow--sm{font-size:10px;letter-spacing:.16em}
.ps-eyebrow--md{font-size:10.5px;letter-spacing:.15em;color:var(--ink-3)}
.ps-eyebrow--accent{color:var(--accent-ink)}

.ps-chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:99px;font-family:var(--font-body);font-size:12px;font-weight:450;color:var(--ink-2);background:var(--panel);border:1px solid var(--line);white-space:nowrap}
.ps-chip .ps-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4);flex:0 0 auto}
.ps-chip--accent{color:var(--accent-ink);background:var(--accent-wash);border-color:var(--accent-line)}
.ps-chip--accent .ps-chip-dot{background:var(--accent)}
.ps-chip--coral{color:var(--coral);background:var(--coral-wash);border-color:var(--coral-line)}
.ps-chip--coral .ps-chip-dot{background:var(--coral)}
.ps-chip--amber{color:var(--amber);background:var(--amber-wash);border-color:var(--amber-line)}
.ps-chip--amber .ps-chip-dot{background:var(--amber)}
.ps-chip--green{color:var(--green);background:var(--green-wash);border-color:var(--green-line)}
.ps-chip--green .ps-chip-dot{background:var(--green)}
.ps-chip--info{color:var(--info);background:var(--info-wash);border-color:var(--info-line)}
.ps-chip--info .ps-chip-dot{background:var(--info)}
.ps-chip--nodot .ps-chip-dot{display:none}

.ps-pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:11px;letter-spacing:.01em;color:var(--ink-2);background:var(--panel-3);border:1px solid var(--line-2);white-space:nowrap;font-feature-settings:"tnum","lnum"}
.ps-pill--ghost{background:transparent;border-color:var(--line)}
.ps-pill--accent{color:var(--accent-ink);background:var(--accent-wash);border-color:var(--accent-line)}
.ps-pill svg{width:12px;height:12px;flex:0 0 auto;opacity:.8}

.ps-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-body)}
.ps-field-label{font-size:12.5px;font-weight:500;color:var(--ink-2)}
.ps-field-label .ps-opt{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-left:7px;font-weight:400}
.ps-input-wrap{display:flex;align-items:center;gap:9px;height:36px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--inset);box-shadow:var(--shadow-sm),var(--hi);transition:border-color .16s var(--ease),box-shadow .16s var(--ease)}
.ps-input-wrap:hover{border-color:var(--line-strong)}
.ps-input-wrap:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-wash)}
.ps-input-wrap .ps-ic{display:inline-flex;color:var(--ink-4);flex:0 0 auto}
.ps-input-wrap .ps-ic svg{width:16px;height:16px}
.ps-input{flex:1;min-width:0;border:none;background:none;outline:none;font-family:var(--font-body);font-size:14px;color:var(--ink)}
.ps-input::placeholder{color:var(--ink-4)}
.ps-input--mono{font-family:var(--font-mono);font-size:13px;letter-spacing:.01em}
.ps-field-hint{font-size:11.5px;color:var(--ink-4);line-height:1.45}

.ps-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm),var(--hi);overflow:hidden;font-family:var(--font-body);color:var(--ink)}
.ps-card--flush{box-shadow:var(--hi)}
.ps-card--plain{background:var(--panel-2)}
.ps-card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line-2)}
.ps-card-head .ps-card-t{font-family:var(--font-serif);font-size:15px;font-weight:500;color:var(--ink);letter-spacing:-.01em;margin:0}
.ps-card-head .ps-card-spacer{flex:1}
.ps-card-body{padding:18px 20px}
.ps-card-body--flush{padding:0}

.ps-cite{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:10.5px;letter-spacing:.01em;color:var(--accent-ink);background:var(--accent-wash);border:1px solid var(--accent-line);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s var(--ease),transform .15s var(--ease)}
.ps-cite:hover{background:color-mix(in oklch,var(--accent) 18%,transparent);transform:translateY(-1px)}
.ps-cite svg{width:12px;height:12px;opacity:.85;flex:0 0 auto}
.ps-cite--static{cursor:default}
.ps-cite--static:hover{transform:none;background:var(--accent-wash)}

.ps-cert{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:99px;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border:1px solid var(--line-2);background:var(--panel-3);color:var(--ink-3)}
.ps-cert .ps-cert-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4);flex:0 0 auto}
.ps-cert--high{color:var(--green);background:var(--green-wash);border-color:var(--green-line)}
.ps-cert--high .ps-cert-dot{background:var(--green)}
.ps-cert--mid{color:var(--amber);background:var(--amber-wash);border-color:var(--amber-line)}
.ps-cert--mid .ps-cert-dot{background:var(--amber)}
.ps-cert--low{color:var(--coral);background:var(--coral-wash);border-color:var(--coral-line)}
.ps-cert--low .ps-cert-dot{background:var(--coral)}
.ps-cert--unverified{color:var(--info);background:var(--info-wash);border-color:var(--info-line)}
.ps-cert--unverified .ps-cert-dot{background:var(--info)}
.ps-cert--unavailable{color:var(--ink-4);background:transparent;border-style:dashed;border-color:var(--line-strong)}
.ps-cert--unavailable .ps-cert-dot{display:none}