/* ============================================================
   Bythorn Mail — design tokens
   Všechny barvy, rozestupy, poloměry a časování na jednom místě.
   Tmavý režim přepisuje jen tokeny, viz dark.css.
   ============================================================ */

:root {
  /* --- Plochy (teplý písek) ------------------------------ */
  --bg:            #FAF8F3;   /* pozadí aplikace */
  --bg-elev:       #FFFFFF;   /* karty, panely */
  --bg-sunken:     #F3EFE6;   /* vstupy, vnořené plochy */
  --bg-hover:      #F4F0E7;   /* hover řádků a položek */
  --bg-active:     #EFE8D9;   /* aktivní / vybraná položka */
  --bg-overlay:    rgba(31, 26, 18, 0.32);

  /* --- Text ------------------------------------------------ */
  --ink:           #1F1A12;   /* hlavní text */
  --ink-2:         #5A5142;   /* sekundární text */
  --ink-3:         #8B8172;   /* pomocný text, meta */
  --ink-4:         #B7AE9F;   /* placeholdery, ikony v klidu */

  /* --- Linky (nikdy tvrdé) -------------------------------- */
  --line:          rgba(31, 26, 18, 0.07);
  --line-strong:   rgba(31, 26, 18, 0.13);

  /* --- Akcent: jantar ------------------------------------- */
  --accent:        #BA7517;
  --accent-hover:  #A4660F;
  --accent-active: #8F5809;
  --accent-soft:   #F7E9CC;   /* podklad aktivní položky */
  --accent-softer: #FBF3E3;
  --accent-ink:    #7A4C0A;   /* text na měkkém podkladu */
  --on-accent:     #FFFDF8;

  /* --- Skupiny / štítky ----------------------------------- */
  --green:         #4C7A47;   /* Bythorn tým */
  --green-soft:    #E2EEDD;
  --green-ink:     #2F5A2B;
  --olive:         #7C7A2C;   /* Ertenix */
  --olive-soft:    #EEEDD3;
  --olive-ink:     #55531A;
  --clay:          #B0553C;   /* Komunity */
  --clay-soft:     #F5E2DA;
  --clay-ink:      #7E3A27;

  /* --- Stav ----------------------------------------------- */
  --danger:        #B4432F;
  --danger-soft:   #F7E1DC;
  --success:       #4C7A47;
  --focus-ring:    0 0 0 3px rgba(186, 117, 23, 0.28);

  /* --- Avatary (deterministicky podle jména) --------------- */
  --av-1: #D9A441; --av-1-ink: #4A3306;
  --av-2: #7FA36A; --av-2-ink: #1F3A17;
  --av-3: #C97A5B; --av-3-ink: #4A1F10;
  --av-4: #9C8FC2; --av-4-ink: #2F2650;
  --av-5: #6FA5A8; --av-5-ink: #163D3F;
  --av-6: #B58B5A; --av-6-ink: #40290F;

  /* --- Stíny ---------------------------------------------- */
  --shadow-sm:  0 1px 2px rgba(31, 26, 18, 0.05), 0 1px 1px rgba(31, 26, 18, 0.03);
  --shadow-md:  0 4px 14px rgba(31, 26, 18, 0.07), 0 1px 3px rgba(31, 26, 18, 0.05);
  --shadow-lg:  0 18px 48px rgba(31, 26, 18, 0.14), 0 4px 12px rgba(31, 26, 18, 0.06);
  --shadow-accent: 0 6px 18px rgba(186, 117, 23, 0.28);

  /* --- Poloměry ------------------------------------------- */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-full: 999px;

  /* --- Rozestupy ------------------------------------------ */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 40px;
  --s-9: 56px;

  /* --- Typografie ----------------------------------------- */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto,
          "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs-md: 14px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-3xl: 34px;
  --lh-tight: 1.2;
  --lh: 1.5;
  --lh-loose: 1.65;
  --track-label: 0.08em;   /* letter-spacing pro popisky */

  /* --- Pohyb ---------------------------------------------- */
  --ease:       cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --t-fast:     120ms;
  --t:          200ms;
  --t-slow:     340ms;

  /* --- Rozměry rozvržení ---------------------------------- */
  --sidebar-w:  268px;
  --list-w:     392px;
  --gutter:     12px;

  color-scheme: light;
}