/* =====================================================
   variables.css – CSS kintamieji (custom properties)
   ND2 – Interneto technologijos
   Autorius: Saulius Stankevicius, ITnT-25
   ===================================================== */

:root {
  /* === Spalvos (Colors) === */
  --text:          #e6f6ff;         /* Pagrindinis tekstas */
  --muted:         #9ac7da;         /* Antrinis tekstas */
  --panel:         #071527;         /* Tamsus skydelis */
  --panel2:        #0a213b;         /* Šviesesnis skydelis */
  --blue1:         #2551C4;         /* Akcento spalva 1 */
  --blue2:         #4facfe;         /* Akcento spalva 2 */
  --success:       #4caf82;         /* Sėkmės spalva */
  --warning:       #f0a500;         /* Įspėjimo spalva */
  --danger:        #e05c5c;         /* Klaidos spalva */
  --bg-base:       #02162f;         /* Fono spalva */

  /* === Tipografija (Typography) === */
  --font-main:     Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono:     'Courier New', Courier, monospace;
  --fs-xs:         11px;
  --fs-sm:         13px;
  --fs-base:       15px;
  --fs-md:         17px;
  --fs-lg:         22px;
  --fs-xl:         28px;

  /* === Tarpai (Spacing) === */
  --gap-xs:        4px;
  --gap-sm:        8px;
  --gap-md:        16px;
  --gap-lg:        24px;
  --gap-xl:        40px;

  /* === Kraštinių spinduliai (Border radius) === */
  --radius-sm:     8px;
  --radius-md:     14px;
  --radius-lg:     20px;
  --radius-full:   999px;

  /* === Šešėliai (Shadows) === */
  --shadow-sm:     0 2px 8px rgba(0,0,0,.25);
  --shadow-md:     0 6px 20px rgba(0,0,0,.35);
  --shadow-lg:     0 10px 40px rgba(0,0,0,.45);

  /* === Animacijos greitis (Animation speed) === */
  --spin-speed:    2.2s;
  --spin-dir:      1;
  --transition:    0.25s ease;

  /* === Breakpoints (naudojami media query'uose) === */
  /* --bp-tablet: 768px  */
  /* --bp-mobile: 480px  */
}