/* ══════════════════════════════════════════════════════════════════
   Седер Олам — дизайн-токены. Один источник правды для всего сайта:
   и справочник (style.css), и лента (lenta/index.html) берут цвета,
   тени и шрифты отсюда. Меняешь здесь — меняется везде, включая
   будущие «Свиток», «Машину времени» и печатную карту.
   ══════════════════════════════════════════════════════════════════ */
:root{
  /* бумага и поверхности — тёплый пергамент */
  --t-paper:#faf7f0;            /* фон страницы */
  --t-surface:#fffdf8;          /* карточки, шапка */
  --t-plane:#f3eee2;            /* утопленные области */

  /* чернила */
  --t-ink:#1a1714;
  --t-ink-2:#443c32;
  --t-ink-3:#726858;

  /* линии и границы */
  --t-rule:rgba(26,23,20,.19);
  --t-rule-2:rgba(26,23,20,.07);
  --t-border:rgba(26,23,20,.12);
  --t-border-2:rgba(26,23,20,.07);

  /* смысловые цвета */
  --t-blue:#21508f;             /* тхелет: ссылки, еврейский трек */
  --t-blue-soft:rgba(33,80,143,.10);
  --t-gold:#b08243;             /* латунь: акценты, ось, годы */
  --t-gold-soft:rgba(176,130,67,.13);
  --t-world:#c25a2c;            /* мировые параллели */
  --t-world-soft:rgba(194,90,44,.10);
  --t-chain:#1b7f5e;            /* цепь передачи Торы */
  --t-life:#5a4796;             /* линии жизни */

  /* лента: полоса и сетка (тёплые) */
  --t-ribbon:#ece5d3;
  --t-ribbon-edge:#d9cfb6;
  --t-ribbon-in:#f7f2e6;
  --t-grid:#e8e2d2;
  --t-axis:#cfc5ac;
  --t-band-a:rgba(33,80,143,.030);
  --t-band-b:rgba(33,80,143,.065);
  --t-chip:rgba(26,23,20,.05);
  --t-chip-2:rgba(26,23,20,.09);

  /* тени — тёплые, не угольные */
  --t-sh-1:0 1px 2px rgba(26,23,20,.05);
  --t-sh-2:0 2px 8px rgba(26,23,20,.07),0 12px 30px rgba(26,23,20,.09);
  --t-sh-3:0 4px 12px rgba(26,23,20,.10),0 24px 60px rgba(26,23,20,.15);

  /* форма и шрифт */
  --t-r-s:8px; --t-r:12px; --t-r-l:16px;
  --t-serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,"Noto Serif Hebrew","Times New Roman",serif;
  --t-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Hebrew","Helvetica Neue",sans-serif;
  --t-ease:cubic-bezier(.22,.85,.28,1);
}

:root[data-theme="dark"]{
  --t-paper:#14120f;
  --t-surface:#1c1916;
  --t-plane:#0f0d0b;

  --t-ink:#faf5e9;
  --t-ink-2:#cdc2ad;
  --t-ink-3:#9b8f7b;

  --t-rule:rgba(242,237,227,.2);
  --t-rule-2:rgba(242,237,227,.11);
  --t-border:rgba(242,237,227,.13);
  --t-border-2:rgba(242,237,227,.07);

  --t-blue:#93bcf2;
  --t-blue-soft:rgba(147,188,242,.16);
  --t-gold:#d0a464;
  --t-gold-soft:rgba(208,164,100,.15);
  --t-world:#e07a4a;
  --t-world-soft:rgba(224,122,74,.14);
  --t-chain:#3fa984;
  --t-life:#9d8ce0;

  --t-ribbon:#26221c;
  --t-ribbon-edge:#38322a;
  --t-ribbon-in:#1d1a15;
  --t-grid:#292520;
  --t-axis:#3d3830;
  --t-band-a:rgba(147,188,242,.05);
  --t-band-b:rgba(147,188,242,.10);
  --t-chip:rgba(242,237,227,.07);
  --t-chip-2:rgba(242,237,227,.13);

  --t-sh-1:0 1px 2px rgba(0,0,0,.5);
  --t-sh-2:0 2px 8px rgba(0,0,0,.5),0 12px 30px rgba(0,0,0,.55);
  --t-sh-3:0 4px 12px rgba(0,0,0,.5),0 24px 60px rgba(0,0,0,.6);
}