/* Lectano — tokeny marki
   Jedyne źródło prawdy dla kolorów, kroju i wypukłości.
   Wczytaj ten plik przed własnymi arkuszami. */

:root {
  /* --- Krój --- */
  --lt-font: "Atkinson Hyperlegible", system-ui, sans-serif;
  /* Krój tekstu czytanej książki — steruje nim użytkownik w ustawieniach.
     NIE podmieniaj go na --lt-font. */
  --lt-font-reader: Literata, Georgia, serif;

  /* --- Kolor --- */
  --lt-orange: #FF7A00;       /* znak, kreski, akcenty bez tekstu */
  /*
   * ZMIERZONE: adnotacja „4,6:1" przy tym kolorze jest nieścisła. Biel na
   * #D96200 daje 3,69:1, a ten kolor jako tekst na papierze 3,39:1 — oba
   * mieszczą się w progu 3:1 dla pisma pogrubionego od 14 px i oba są poniżej
   * 4,5:1 dla pisma zwykłego. Wartość zostaje, bo to jedyny głęboki pomarańcz
   * marki; warunkiem jest pogrubienie napisów, które go niosą.
   */
  --lt-orange-deep: #D96200;  /* tło pod białym tekstem, dolny stop gradientu */
  --lt-orange-lite: #FF8A1A;  /* górny stop gradientu przycisków */
  --lt-peach-1: #FFF3E8;      /* górny stop panelu wyróżnionego */
  --lt-peach-2: #FFE2CC;      /* dolny stop panelu wyróżnionego */
  --lt-ink: #1A1A1A;          /* tekst podstawowy */
  --lt-grey: #6E6E6E;         /* tekst drugorzędny (5,4:1 na bieli) */
  --lt-grey-soft: #9A938B;    /* tylko podpisy 13 px+ na bieli */
  --lt-line: #E5E5E5;         /* hairline na papierze */
  --lt-line-warm: #EDE9E4;    /* hairline wewnątrz kart */
  --lt-border: #E0DBD5;       /* obwódka przycisków drugorzędnych */
  --lt-paper: #F7F5F2;        /* tło dokumentu */
  --lt-surface: #F1EDE8;      /* nieaktywna pastylka, plakietka */
  --lt-white: #FFFFFF;

  /* --- Promienie --- */
  --lt-r-sm: 6px;    /* plakietki, tagi */
  --lt-r-md: 8px;    /* przyciski, pola */
  --lt-r-lg: 12px;   /* karty, panele */
  --lt-r-xl: 14px;   /* okna ekranów */
  --lt-r-note: 4px;  /* karteczka na tablicy — papier, nie UI */

  /* --- Wypukłość i wklęsłość --- */
  --lt-elev-card: 0 1px 1px rgba(26,26,26,.05), 0 14px 24px -16px rgba(26,26,26,.3);
  --lt-elev-window: 0 1px 1px rgba(26,26,26,.05), 0 18px 30px -20px rgba(26,26,26,.32);
  --lt-elev-float: 0 1px 1px rgba(26,26,26,.05), 0 14px 26px -12px rgba(26,26,26,.4);
  --lt-elev-note: 0 1px 0 rgba(255,255,255,.5) inset, 0 12px 20px -12px rgba(26,26,26,.5);
  --lt-inset-pill: inset 0 1px 2px rgba(26,26,26,.05);

  /* --- Powierzchnie --- */
  --lt-grad-paper: linear-gradient(180deg, #FFFFFF 0%, #FAF7F4 100%);
  --lt-grad-head: linear-gradient(180deg, #FFFFFF 0%, #FBF8F5 100%);
  --lt-grad-foot: linear-gradient(180deg, #FBF8F5 0%, #F5F1EC 100%);
  --lt-grad-peach: linear-gradient(180deg, #FFF3E8 0%, #FFE2CC 100%);
  --lt-grad-primary: linear-gradient(180deg, #FF8A1A 0%, #D96200 100%);
  --lt-grad-dark: linear-gradient(180deg, #2E2C28 0%, #1A1A1A 100%);
  --lt-primary-border: 1px solid rgba(168,76,0,.55);
  --lt-primary-glow: inset 0 1px 0 rgba(255,255,255,.4), 0 6px 12px -7px rgba(168,76,0,.7);

  /* --- Kolory znaczników (karteczki) --- */
  --lt-tag-wazne-1: #FFE68F;      --lt-tag-wazne-2: #FFD24A;
  --lt-tag-sprawdz-1: #FFC7BF;    --lt-tag-sprawdz-2: #FFB1A8;
  --lt-tag-przyklad-1: #BFE3BA;   --lt-tag-przyklad-2: #A8D5A2;
  --lt-tag-powtorka-1: #BFD6EC;   --lt-tag-powtorka-2: #A8C4E0;
}

/* Nadpisanie szeryfowych nagłówków, jeśli w projekcie jest arkusz
   z serwowanym --font-heading. */
body { font-family: var(--lt-font); background: var(--lt-paper); color: var(--lt-ink); }
h1, h2, h3, h4, h5, h6 { font-family: var(--lt-font); font-weight: 700; letter-spacing: -.02em; }

a { color: var(--lt-ink); text-underline-offset: 3px; }
a:hover { color: var(--lt-orange-deep); }

:focus-visible { outline: 2px solid var(--lt-orange); outline-offset: 2px; }
::selection { background: var(--lt-peach-2); }