/* ══════════════════════════════════════════════════════════════════
   tokens.css — единые дизайн-токены ttt.tg (v1)
   Источники: текущий glass/orb-диалект tttlink (#0a0b0f / #29b6f6)
   + находки из portal-market.com и major.bot (см. /demoapp).

   Правила:
   • Здесь ТОЛЬКО переменные — никаких селекторов компонентов (они в ui.css).
   • Новый канонический нейминг НЕ конфликтует с легаси-именами страниц
     (--accent-primary в index.html, --accent-green в market.css и т.д.):
     легаси-имена НЕ переопределяются, живут дальше как раньше.
   • Подключать ПЕРВЫМ среди CSS страницы:
     <link rel="stylesheet" href="/css/tokens.css?v=1">
   ══════════════════════════════════════════════════════════════════ */

:root {
  color-scheme: dark;

  /* ── Поверхность ── */
  --bg-deep: #0a0b0f;
  --bg-elev: #14161d;                        /* приподнятый слой: листы, поповеры */
  --surface: rgba(255, 255, 255, .04);
  --surface-2: rgba(255, 255, 255, .07);
  --stroke: rgba(255, 255, 255, .10);
  --stroke-soft: rgba(255, 255, 255, .06);

  /* ── Текст: лестница прозрачности (portal-market) ── */
  --text: #ffffff;
  --t70: rgba(255, 255, 255, .70);           /* вторичный текст */
  --t40: rgba(255, 255, 255, .40);           /* подписи, плейсхолдеры */
  --t25: rgba(255, 255, 255, .25);           /* декор, отключённое */

  /* ── Акцент бренда ── */
  --accent: #29b6f6;
  --accent-deep: #2481cc;
  --accent-grad: linear-gradient(135deg, #38c7ff 0%, #1f8fe0 100%);
  --accent-glow: rgba(41, 182, 246, .45);
  --accent-10: rgba(41, 182, 246, .10);
  --accent-16: rgba(41, 182, 246, .16);

  /* ── Семантические пары «цвет + его 10% фон» (major.bot) ── */
  --green: #34d399;   --green-10: rgba(52, 211, 153, .10);
  --amber: #ffa726;   --amber-10: rgba(255, 167, 38, .10);
  --red: #ff6b6b;     --red-10: rgba(255, 107, 107, .10);
  --purple: #af52de;  --purple-10: rgba(175, 82, 222, .10);
  --cyan: #5ac8fa;    --cyan-10: rgba(90, 200, 250, .10);

  /* ── Финансовая тройка (portal-market) ── */
  --up: #49df64;
  --down: #df494d;
  --wallet-neutral: #6d6d71;

  /* ── Медали лидерборда (portal-market) ── */
  --gold: #f1aa05;
  --silver: #a5a5a5;
  --bronze: #d3aa4e;
  --gold-grad: linear-gradient(94.02deg, #fac297 1.95%, #ffc386 50.42%, #ca8e52 98.56%);

  /* ── Градиенты «редкости» (portal-market). Использование:
     бейдж режима → class="ui-rarity" + style="--g:var(--g-epic)" ── */
  --g-legendary: linear-gradient(93.58deg, #fad55a 0%, #ffdea2 50%, #faaa5a 100%);
  --g-epic:      linear-gradient(93.58deg, #f25afa 0%, #eca2ff 50%, #da5afa 100%);
  --g-rare:      linear-gradient(93.58deg, #31ffea 0%, #69ffff 50%, #3de2ff 100%);
  --g-uncommon:  linear-gradient(93.58deg, #5afa65 0%, #a2ffa2 50%, #7dfa5a 100%);
  --g-common:    linear-gradient(93.58deg, #5ab6fa 0%, #a2d7ff 50%, #5a8ffa 100%);
  --g-survey:    linear-gradient(93.58deg, #ffb25a 0%, #ffd7a2 50%, #ff7a5a 100%);
  --g-geo:       linear-gradient(93.58deg, #b06afa 0%, #d7a2ff 50%, #8a5afa 100%);

  /* ── Радиусы ── */
  --r-xs: 10px;    /* инпуты-поиск, дропдауны */
  --r-s: 14px;     /* мини-карточки, бейджи */
  --r-m: 18px;     /* сегмент-контрол */
  --r-l: 26px;     /* карточки-группы, bottom-листы */
  --r-xl: 28px;    /* крупные панели */
  --r-pill: 999px;

  /* ── Тени / стекло ── */
  --shadow-card: 0 20px 40px -10px rgba(0, 0, 0, .5);
  --shadow-thumb: 0 1px 2px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .10);

  /* ── Кнопочный градиент «успех» (portal-market green CTA) ── */
  --btn-green-grad: linear-gradient(180deg, #7aec83 0%, #49df64 52%, #35bd52 100%);

  /* ── Шрифты ── */
  --font-stack: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial,
    "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  --font-rounded: ui-rounded, "SF Pro Rounded", "SF Pro Text", -apple-system, system-ui, sans-serif;

  /* ── Геометрия / движение ── */
  --hairline: .33px;                          /* iOS-точные разделители (major.bot) */
  --ease-liquid: cubic-bezier(.16, 1, .3, 1);
  --press-scale: .97;                         /* press-фидбек кнопок */
}