/* ==========================================================================
   tokens.css — ВСЕ цвета и размеры. Хотите другой вид — начните отсюда.
   ========================================================================== */

:root {
  /* Фирменный цвет */
  --accent: #30D56B;
  --accent-rgb: 48, 213, 107;
  --accent-dark: #12903F;

  /* Цвета КБЖУ */
  --c-prot: #4DA3FF;     /* белки */
  --c-fat:  #FFB020;     /* жиры */
  --c-carb: #B07CFF;     /* углеводы */
  --over:   #FF4D5A;     /* превышение нормы */

  /* Тёмная тема */
  --bg: #05070C;
  --bg-rgb: 5, 7, 12;
  --panel: #0F1520;
  --card: #0F1520;
  --text: #F2F4F8;
  --dim: #8B96A8;
  --dim2: #A7B0BF;
  --border: rgba(255, 255, 255, .08);

  --glass: rgba(23, 25, 30, .62);
  --glass-brd: rgba(255, 255, 255, .16);
  --glass-hi: rgba(255, 255, 255, .16);
  --glass-in: rgba(255, 255, 255, .07);
  --glass-in-brd: rgba(255, 255, 255, .14);
  --blur: blur(24px) saturate(1.7);
  --sh: 0 2px 12px rgba(0, 0, 0, .30);

  /* Размеры */
  --col-w: 560px;           /* ширина рабочей колонки на планшете/ПК */
  --tabbar-h: 60px;
  --radius-lg: 24px;
  --radius-md: 18px;

  /* Служебное */
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
}

html[data-theme="light"] {
  --bg: #F4F6FA;
  --bg-rgb: 244, 246, 250;
  --panel: #fff;
  --card: #fff;
  --text: #121A28;
  --dim: #5A6678;
  --dim2: #46505F;
  --border: rgba(18, 28, 46, .12);

  --glass: rgba(255, 255, 255, .78);
  --glass-brd: rgba(18, 28, 46, .10);
  --glass-hi: rgba(255, 255, 255, .85);
  --glass-in: rgba(18, 28, 46, .045);
  --glass-in-brd: rgba(18, 28, 46, .10);
  --blur: blur(22px) saturate(1.6);
  --sh: 0 2px 10px rgba(18, 28, 46, .08);

  --accent: #16A34A;
  --accent-rgb: 22, 163, 74;
  --c-prot: #2563EB;
  --c-fat: #D98300;
  --c-carb: #8B4FE0;
  --over: #DC2626;
}