/* QRP — DaisyUI 5-ის გადაფარვები.
   daisyui.min.css-ის შემდეგ უნდა ჩაიტვირთოს.

   ⚠️ DaisyUI 5 თავის წესებს @layer daisyui-ში ალაგებს. ფენის გარეშე დაწერილი CSS
   ყოველთვის იმარჯვებს ფენიანზე, სპეციფიკურობის მიუხედავად — ამიტომ აქ !important არსად სჭირდება.

   ⚠️ ცვლადების სახელები v4-იდან შეიცვალა:
      v4: --p, --pc, --bc   (მხოლოდ "L% C H", oklch() გარსის გარეშე)
      v5: --color-primary, --color-primary-content, --color-base-content  (ნებისმიერი CSS-ფერი) */

[data-theme="light"] {
	--color-primary: #360a94;          /* ბრენდის ფერი — ლოგოს იგივე */
	--color-primary-content: #ffffff;  /* ტექსტი primary-ფონზე */

	/* ტექსტის ძირითადი ფერი. DaisyUI-ს ნაგულისხმევი oklch(21% .006 285.885) იყო —
	   ლურჯად გადახრილი მუქი ნაცრისფერი. აქ უფრო მუქი და ნეიტრალურია. */
	--color-base-content: oklch(15% 0 0);
}

/* ცხრილის თავი: v5-ში base-content-ის 60%-ზეა (color-mix … 60%), რაც ნაცრისფრად ჩანს.
   სრულ სიმკვეთრეს ვაბრუნებთ. */
.table :where(thead, tfoot) {
	color: var(--color-base-content);
}

/* thead-ის ქვედა ხაზი: v5-ში base-content-ის მხოლოდ 5%-ია — თეთრ ფონზე პრაქტიკულად უხილავი.
   მხოლოდ thead-ს ვამუქებთ; tbody-ის რიგებს შორის ხაზები ღია რჩება, ისე უკეთ იკითხება. */
.table :where(thead tr :is(td, th)) {
	border-bottom-color: color-mix(in oklch, var(--color-base-content) 25%, #0000);
}

/* ცხრილის შრიფტი: DaisyUI-ს ნაგულისხმევი .875rem (14px) იყო. */
.table {
	font-size: 1rem;      /* 16px */
	line-height: 1.5rem;
}

/* ველების ფოკუსი. DaisyUI ხატავს მუქ ბორდერს + 2px outline-ს `outline-offset: 2px`-ით,
   რაც თეთრ ფონზე ორმაგ ჩარჩოდ აღიქმება. offset-ს ვნულებთ (ერთი რგოლი გამოდის)
   და ორივეს ბრენდის ფერს ვაძლევთ. */
.input:focus, .input:focus-within,
.select:focus, .select:focus-within,
.textarea:focus, .textarea:focus-within {
	outline-offset: 0;
	outline-color: var(--color-primary);
	--input-color: var(--color-primary);
}