/* eliveight.su — палитра, типографика, радиусы.
   Здесь и только здесь меняются цвета всего сайта. */

:root{
  /* поверхности */
  --bg:#F1F4F8;
  --surface:#FFFFFF;
  --surface-2:#EFF3F8;
  --sidebar:#FFFFFF;

  /* текст */
  --ink:#0F1319;
  --ink-2:#4A5461;
  --ink-3:#7C8796;

  /* линии */
  --line:#E1E7EF;
  --line-soft:#EDF1F7;

  /* фирменные */
  --accent:#FF4A24;          /* коралл — действия, линия тренда */
  --on-accent:#FFFFFF;
  --lime:#D8F25B;            /* лайм — герой-блок, логотип */
  --on-lime:#131709;

  /* смысловые */
  --violet:#7B5CFF;          /* жиры */
  --green:#12B886;           /* углеводы, цель, «в норме» */
  --amber:#FFA51F;
  --bad:#E23D2B;             /* перебор, рост веса */
  --raw:#9AA5B4;             /* сырые замеры на графике */

  /* тени и геометрия */
  --shadow:0 2px 4px rgba(15,19,25,.05), 0 14px 30px -20px rgba(15,19,25,.45);
  --shadow-nav:0 -1px 0 var(--line), 0 -12px 24px -20px rgba(15,19,25,.5);
  --r:20px;
  --r-sm:13px;

  /* шрифты */
  --font-display:Unbounded,"Golos Text","Helvetica Neue",Arial,sans-serif;
  --font-body:"Golos Text","Helvetica Neue",Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  color-scheme:light;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0D1015;
    --surface:#171C23;
    --surface-2:#1F2630;
    --sidebar:#131820;
    --ink:#EAEEF3;
    --ink-2:#A7B2BF;
    --ink-3:#7A8593;
    --line:#2A323C;
    --line-soft:#232A33;
    --accent:#FF6A45;
    --on-accent:#180B06;
    --lime:#CDEA4E;
    --on-lime:#12160A;
    --violet:#9B84FF;
    --green:#2CD69B;
    --amber:#FFB84D;
    --bad:#F2705C;
    --raw:#6E7A88;
    --shadow:0 2px 4px rgba(0,0,0,.4), 0 14px 30px -20px rgba(0,0,0,.9);
    --shadow-nav:0 -1px 0 var(--line), 0 -12px 24px -20px rgba(0,0,0,.9);
    color-scheme:dark;
  }
}

:root[data-theme="dark"]{
  --bg:#0D1015;
  --surface:#171C23;
  --surface-2:#1F2630;
  --sidebar:#131820;
  --ink:#EAEEF3;
  --ink-2:#A7B2BF;
  --ink-3:#7A8593;
  --line:#2A323C;
  --line-soft:#232A33;
  --accent:#FF6A45;
  --on-accent:#180B06;
  --lime:#CDEA4E;
  --on-lime:#12160A;
  --violet:#9B84FF;
  --green:#2CD69B;
  --amber:#FFB84D;
  --bad:#F2705C;
  --raw:#6E7A88;
  --shadow:0 2px 4px rgba(0,0,0,.4), 0 14px 30px -20px rgba(0,0,0,.9);
  --shadow-nav:0 -1px 0 var(--line), 0 -12px 24px -20px rgba(0,0,0,.9);
  color-scheme:dark;
}