/* ============================================================
   პაულის ლიგა — დიზაინ-სისტემის ტოკენები · v3 (2026-08-30)
   სამყარო: ღამის ვიჯეტ-ბენტო — ობსიდიანის ფონი, შავი/სიგნალის/
   იისფერი ბარათები, დიდი ცხრილური რიცხვები, პილულა-თეგები და
   მონაცემთა ვიზუალიზაცია (რგოლი · სვეტები · sparkline).
   ბრენდი დაცულია: მელანი / ძვლისფერი / სიგნალის მწვანე; მუქ
   ფონზე სემანტიკური ფერები ბრენდის bright ვარიანტებია.
   წესები: (1) ფერი მხოლოდ როლის ტოკენიდან; (2) იერარქია წონით,
   არა ახალი ფერით; (3) ჭდეები მთავრულია, მნიშვნელობები — დიდი ციფრებით.
   ============================================================ */

/* -------- შრიფტი: Google Sans (ცვლადი, wght 400–700), თვითჰოსტინგი */
@font-face {
  font-family: "Google Sans PL";
  src: url("../assets/GoogleSans-Georgian.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
  unicode-range: U+10A0-10FF, U+1C90-1CBF, U+2D00-2D2F;
}
@font-face {
  font-family: "Google Sans PL";
  src: url("../assets/GoogleSans-Latin.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}
/* სათადარიგო: Google Sans-ის ჩაუტვირთაობისას სისტემის ქართული შრიფტი დგება —
 * ცალკე ვებ-შრიფტს აღარ ვგზავნით (3 MB-იანი TTF-ები ამოღებულია). */

:root {
  /* -------- ბრენდის ბირთვი (უცვლელი) */
  --pl-ink: #0a0c0b;
  --pl-bone: #f2eee4;
  --pl-signal: #b7ff18;

  --pl-n50: #f7f7f4;  --pl-n100: #eaece9; --pl-n200: #d9ddda;
  --pl-n300: #bcc3bf; --pl-n400: #939c98; --pl-n500: #69736f;
  --pl-n600: #59635f; --pl-n700: #46504d; --pl-n800: #2a3230;
  --pl-n900: #111414;

  /* სემანტიკური ფერები — მუქ ფონზე ბრენდის bright ვარიანტები */
  --pl-success: #31c48d;
  --pl-info:    #5ab7ff;
  --pl-power:   #b78cff;  /* ფავორიტი ფსონი — იისფერი ბარათის მასალაც */
  --pl-warning: #ffbf47;
  --pl-error:   #ff5b68;

  /* -------- ზედაპირის როლები (ღამის ბენტო) */
  --sur-ground: var(--pl-ink);       /* ობსიდიანის ფონი */
  --sur-card:   var(--pl-n900);      /* შავი ვიჯეტ-ბარათი */
  --sur-cell:   var(--pl-n800);      /* ბარათის შიდა უჯრა */
  --sur-signal: var(--pl-signal);    /* სიგნალის ბარათი: ახლა მოქმედი / ჩემი */
  --sur-power:  var(--pl-power);     /* იისფერი ბარათი: Rating / ფავორიტი */
  --sur-paper:  var(--pl-bone);      /* ერთადერთი ნათელი ბარათი — იშვიათი პიკი */

  /* -------- ტექსტის როლები */
  --tx-primary:   #f6f4ec;
  --tx-secondary: var(--pl-n300);
  --tx-muted:     var(--pl-n400);
  --tx-on-signal: var(--pl-ink);
  --tx-on-power:  var(--pl-ink);
  --tx-on-paper:  var(--pl-ink);

  /* -------- ხაზები (ბლოკი მუშაობს; ხაზი — მხოლოდ დამხმარე) */
  --rule-hair:   var(--pl-n800);
  --rule-mid:    var(--pl-n700);
  --rule-strong: #f6f4ec;

  /* -------- მდგომარეობის როლები */
  --st-live:     var(--pl-signal);
  --signal-hover: #c4ff45;
  --st-success:  var(--pl-success);
  --st-info:     var(--pl-info);
  --st-power:    var(--pl-power);
  --st-warning:  var(--pl-warning);
  --st-error:    var(--pl-error);
  --focus-ring:  var(--pl-signal);

  /* -------- ქულის ანბანი 0/3/5/8 — მუქი სამყაროს ფორმა */
  --tier8-bg: var(--pl-signal);  --tier8-tx: var(--pl-ink);
  --tier5-bg: var(--pl-bone);    --tier5-tx: var(--pl-ink);
  --tier3-bg: var(--pl-n800);    --tier3-tx: #f6f4ec;
  --tier0-bg: transparent;       --tier0-tx: var(--pl-n500);

  /* -------- ტიპოგრაფია: Google Sans, წონა = იერარქია */
  --font-ui: "Google Sans PL", "Noto Sans Georgian", "BPG Nino Mtavruli", system-ui, Arial, sans-serif;
  --w-body: 400;
  --w-mid: 500;
  --w-strong: 600;
  --w-max: 700;
  --fs-display: 3.2rem;
  --fs-value: 1.9rem;
  --fs-h2: 1.15rem;
  --fs-body: 1rem;
  --fs-small: .875rem;
  --fs-label: .72rem;
  --ls-caps: .08em;
  --lh-tight: 1.1;
  --lh-body: 1.55;

  /* -------- სივრცე / რადიუსი / ჩრდილი */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; --sp-12: 48px; --sp-16: 64px;
  --rad-sm: 8px; --rad-md: 14px; --rad-lg: 20px; --rad-xl: 28px; --rad-pill: 999px;
  --shadow-raised: 0 2px 12px rgba(0, 0, 0, .45), 0 1px 2px rgba(0, 0, 0, .35);
  --shadow-overlay: 0 16px 40px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);

  /* -------- მოძრაობა: ერთი საავტორო მომენტი — ქულის „დაბეჭდვა“ */
  --dur-instant: 100ms; --dur-fast: 180ms; --dur-standard: 260ms; --dur-settle: 420ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
  --ease-exit: cubic-bezier(.4, 0, 1, 1);

  /* -------- კლუბის გერბის ბუდე */
  --crest-size: 28px;
  --crest-size-lg: 40px;

  /* -------- ვიზუალიზაციის როლები (რგოლი/სვეტები/sparkline) */
  --viz-a: var(--pl-signal);   /* პირველადი სერია */
  --viz-b: var(--pl-power);    /* მეორადი სერია */
  --viz-c: var(--pl-warning);  /* მესამე სერია */
  --viz-track: var(--pl-n800); /* ცარიელი ბილიკი */
}

/* მთავრული ჭდის ერთადერთი ფორმა */
.pl-label {
  font-size: var(--fs-label);
  font-weight: var(--w-mid);
  letter-spacing: var(--ls-caps);
  text-transform: uppercase;   /* ქართულში → მთავრული */
}

/* პილულა-თეგი — ვიჯეტის კუთხის ჭდე (რეფერენსის EXPENSES/PERFORMANCE) */
.pl-tag {
  display: inline-flex; align-items: center;
  padding: 3px 12px; border-radius: 999px;
  font-size: var(--fs-label); font-weight: var(--w-strong);
  letter-spacing: var(--ls-caps); text-transform: uppercase;
  background: var(--pl-signal); color: var(--pl-ink);
}
.pl-tag.power { background: var(--pl-power); }
.pl-tag.warn  { background: var(--pl-warning); }
.pl-tag.err   { background: var(--pl-error); }
.pl-tag.ghost { background: transparent; color: var(--tx-secondary);
                border: 1px solid var(--rule-mid); }
/* ინვერსიული თეგი: მელნის ფონი + მასპინძელი მასალის აქცენტი (ფერს კონტექსტი აძლევს) */
.pl-tag.inv   { background: var(--pl-ink); color: var(--pl-bone); }

/* ბრაუზერის ზედაპირებიც ამ სამყაროსია */
::selection { background: var(--pl-signal); color: var(--pl-ink); }
:root { caret-color: var(--pl-signal); scrollbar-color: var(--pl-n700) var(--pl-ink); }
:focus-visible {
  outline: 2px solid var(--focus-ring);
  outline-offset: 2px;
  border-radius: var(--rad-sm);
}

.pl-num { font-variant-numeric: tabular-nums lining-nums; }

@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-standard: 0ms; --dur-settle: 0ms; }
}