/* מחולל מ-deploy/dist/index.html על ידי deploy/scripts/welcome-assets.mjs. לא לערוך ביד.
   אותם שמות טוקן כמו בכלי. מצב כהה: data-theme="dark" על <html> (theme.js קובע לפי localStorage "ani_ata_theme",
   ובלי JS - לפי העדפת המערכת). הגופנים נטענים ב-<link> של Google Fonts (ראו הערה בתחתית). */
:root {
  --canvas: #F7F5F0;
  --card: #FFFFFF;
  --card2: #FBFAF6;
  --line: #EBE8E0;
  --line2: #DAD6CC;
  --fieldLine: #8C877D;
  --ink: #26333B;
  --muted: #586771;
  --faint: #5E676F;
  --worker: #286B5E;
  --workerT: #DBEDE6;
  --wSolid: #286B5E;
  --wSolidH: #1F574C;
  --client: #A04C33;
  --clientT: #F6E5D9;
  --cSolid: #A8533A;
  --cSolidH: #8C4430;
  --feel: #A24357;
  --feelT: #F7E4E8;
  --think: #755810;
  --thinkT: #F1EAD2;
  --sky: #2C6178;
  --skyT: #DBE9F0;
  --radius: 18px;
  --radius-sm: 12px;
  --radius-xs: 9px;
  --shadow-sm: 0 1px 2px rgba(38,51,59,.05);
  --shadow: 0 1px 3px rgba(38,51,59,.05), 0 6px 20px rgba(38,51,59,.06);
  --ring: 0 0 0 3px rgba(40,107,94,.18);
  --skyF: var(--sky);
  --gSky: #2C6178;
  --gSkyH: #24505F;
  --ease-out: cubic-bezier(0.23,1,0.32,1);
  --font-body: 'Rubik', system-ui, sans-serif;
  --font-display: 'Rubik', system-ui, sans-serif;
  --measure: 68ch;
  color-scheme: light;
}
html[data-theme="dark"] {
  --canvas: #14191B;
  --card: #1C2226;
  --card2: #212A2E;
  --line: #2B3439;
  --line2: #3A444A;
  --fieldLine: #6A767E;
  --ink: #E7ECEE;
  --muted: #A6B0B6;
  --faint: #98A2A8;
  --worker: #6FC3B0;
  --workerT: #1E3A34;
  --wSolid: #2C7A6A;
  --wSolidH: #2E7D6C;
  --client: #E4926C;
  --clientT: #38271D;
  --cSolid: #AE573C;
  --cSolidH: #B45B40;
  --feel: #E4899B;
  --feelT: #392530;
  --think: #D8B45E;
  --thinkT: #312A15;
  --sky: #85B9D0;
  --skyT: #1D323C;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.25);
  --shadow: 0 1px 3px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35);
  --ring: 0 0 0 3px rgba(111,195,176,.25);
  --skyF: #336E87;
  --gSky: #336E87;
  --gSkyH: #3D7D98;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    --canvas: #14191B;
    --card: #1C2226;
    --card2: #212A2E;
    --line: #2B3439;
    --line2: #3A444A;
    --fieldLine: #6A767E;
    --ink: #E7ECEE;
    --muted: #A6B0B6;
    --faint: #98A2A8;
    --worker: #6FC3B0;
    --workerT: #1E3A34;
    --wSolid: #2C7A6A;
    --wSolidH: #2E7D6C;
    --client: #E4926C;
    --clientT: #38271D;
    --cSolid: #AE573C;
    --cSolidH: #B45B40;
    --feel: #E4899B;
    --feelT: #392530;
    --think: #D8B45E;
    --thinkT: #312A15;
    --sky: #85B9D0;
    --skyT: #1D323C;
    --shadow-sm: 0 1px 2px rgba(0,0,0,.25);
    --shadow: 0 1px 3px rgba(0,0,0,.3), 0 6px 20px rgba(0,0,0,.35);
    --ring: 0 0 0 3px rgba(111,195,176,.25);
    --skyF: #336E87;
    --gSky: #336E87;
    --gSkyH: #3D7D98;
    color-scheme: dark;
  }
}

/* לוגו: מסכה (logo-mask.png) מעל גרדיאנט 115 מעלות מ"אני" ל"אתה" - כמו .heroLogo בכלי. בלי ריווח אותיות. */
.aaLogo {
  display: block; width: 196px; max-width: 62%; aspect-ratio: 1039 / 607;
  background: linear-gradient(115deg, var(--worker), var(--client));
  -webkit-mask: url(logo-mask.png) center / contain no-repeat;
  mask: url(logo-mask.png) center / contain no-repeat;
}

/* גופנים (להדביק ב-<head> של הדף, זהה לכלי):
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;800&display=swap" rel="stylesheet"> */