/* ============================================================
   SUPIRKSIM — DIZAINO TOKENAI
   Vienintelis spalvų, šriftų ir tarpų šaltinis.
   Nieko čia nekeisti be prekės ženklo knygos.
   ============================================================ */

:root {
  /*
   * Spalvos: šviesi tema.
   *
   * Sodri paletė — pirminės spalvos ant neutralaus pilko: raudona veiksmui,
   * mėlyna nuorodoms ir pasitikėjimui, gryna juoda tekstui. Pilki fonai
   * neutralūs, be šiltos pakraipos.
   */
  --ground:         #FFFFFF;
  --ground-raised:  #F5F8F6;
  --ground-sunken:  #EAF0EC;
  --ink:            #0F141E;
  --ink-soft:       #48535F;
  --ink-faint:      #7B8794;
  --rule:           #DCE3E1;
  --rule-strong:    #0F141E;

  /* Pagrindinis akcentas — žalia. Ant jos tekstas tamsus (žalia šviesi). */
  --signal:         #0AC326;
  --signal-bright:  #12D531;
  --signal-on:      #0A2912;

  /* Antrinis akcentas — tamsesnė žalia nuorodoms (ryški žalia ant balto per šviesi). */
  --accent:         #0B7A1E;
  --accent-bright:  #0AC326;

  /* Klaidos — raudona (semantika). Sėkmė — žalia. */
  --oxide:          #C0392B;
  --olive:          #0AC326;

  --plate-face:     #F5F8F6;
  --plate-ink:      #0F141E;

  /* Anglies zonos — hero tamsi pusė ir kortelės. Juoda #111114 laikoma
     tik antraštei ir poraštei; anglis švelnesnė, kad zonos skirtųsi. */
  --char:           #151C28;
  --char-2:         #0F141E;
  --black:          #0F141E;
  --on-dark:        #EAEEF3;
  --on-dark-soft:   #97A2AF;

  /* ---- Šriftai ---- */
  --display: "Bahnschrift", "DIN Condensed", "DIN Alternate", "Franklin Gothic Medium Cond", "Oswald", "Arial Narrow", sans-serif;
  --body: "Segoe UI", "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --data: Consolas, Menlo, "SF Mono", "Roboto Mono", "Courier New", monospace;

  /* ---- Ritmas ---- */
  --step: 4px;
  --measure: 66ch;
  --wrap: 1390px;
  --gutter: calc(var(--step) * 6);

  /* ---- Briauna: vienintelė formos taisyklė ---- */
  --cut-sm: 8px;
  --cut-md: 14px;
  --cut-lg: 22px;
}

@media (min-width: 900px) {
  :root { --gutter: calc(var(--step) * 11); }
}

/*
 * Viena tema — perjungimo nėra.
 *
 * Anksčiau čia gyveno tamsios ir šviesios temos blokai su prefers-color-scheme
 * ir [data-theme]. Klientas pasirinko vieną solidžią temą, tad paletė gyvena
 * tik :root viršuje. Tamsias zonas (hero, kortelės) sukuria --char, ne visos
 * temos inversija.
 */

/* ============================================================
   BRIAUNA
   Kertam viršų dešinėje ir apačią kairėje. Niekada visų keturių.
   ============================================================ */
.cut {
  clip-path: polygon(
    0 0,
    calc(100% - var(--c, var(--cut-md))) 0,
    100% var(--c, var(--cut-md)),
    100% 100%,
    var(--c, var(--cut-md)) 100%,
    0 calc(100% - var(--c, var(--cut-md)))
  );
}

.cut--sm { --c: var(--cut-sm); }
.cut--lg { --c: var(--cut-lg); }

/* clip-path nukerpa outline — nupjautiems elementams fokusas piešiamas viduje */
.cut:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--signal);
}