/* ============================================================
   MIRRIM — Design Tokens
   Извлечены из эталонных макетов приложения.
   ============================================================ */

:root {
  /* — Brand purples —
     Главный бренд-цвет. Используется как акцент, активные состояния,
     фон игрового потока. */
  --mirrim-purple-50:  #F4F0FF;
  --mirrim-purple-100: #E7DEFF;
  --mirrim-purple-200: #C9B8FF;
  --mirrim-purple-300: #A78BFA;
  --mirrim-purple-400: #8B5CF6;  /* default purple */
  --mirrim-purple-500: #7C3AED;  /* primary brand */
  --mirrim-purple-600: #6D28D9;
  --mirrim-purple-700: #5B21B6;  /* game-mode bg */
  --mirrim-purple-800: #4C1D95;
  --mirrim-purple-900: #2E1065;

  /* — Lime / electric green —
     CTA для премиум-действий: купить билет, таймер, "+5 правильно". */
  --mirrim-lime-400: #D4FB58;
  --mirrim-lime-500: #C6F432;  /* primary lime CTA */
  --mirrim-lime-600: #A8D920;

  /* — Success green —
     Полноэкранные награды и подтверждения. */
  --mirrim-success: #5DD33C;
  --mirrim-success-bg: #6FE043;

  /* — Status —
     Ошибки полей, активные состояния. */
  --mirrim-error: #EF4444;
  --mirrim-error-soft: #FCA5A5;
  --mirrim-info: #2563EB;       /* "Забыли пароль?", ссылки */

  /* — Neutrals (light surfaces) — */
  --mirrim-ink-900: #0A0A0A;    /* primary text on light */
  --mirrim-ink-700: #2A2A2A;    /* CTA-чёрная заливка */
  --mirrim-ink-500: #6B6B6B;
  --mirrim-ink-400: #9A9A9A;    /* secondary text */
  --mirrim-ink-300: #C7C7C7;
  --mirrim-ink-200: #E5E5E5;
  --mirrim-ink-100: #F2F2F4;    /* settings row bg */
  --mirrim-ink-50:  #F7F7F8;
  --mirrim-canvas:  #FFFFFF;

  /* — On purple (text/surface на пурпурном фоне) — */
  --mirrim-on-purple:        #FFFFFF;
  --mirrim-on-purple-soft:   rgba(255,255,255,.72);
  --mirrim-on-purple-mute:   rgba(255,255,255,.55);
  --mirrim-on-purple-line:   rgba(255,255,255,.16);
  --mirrim-chip-on-purple:   rgba(255,255,255,.14);  /* "1 место", round chips */
  --mirrim-card-on-purple:   rgba(255,255,255,.10);

  /* — Type scale — */
  --mirrim-font-display: "Manrope", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;
  --mirrim-font-text:    "Manrope", "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif;

  --mirrim-text-d1: 800 34px/1.05 var(--mirrim-font-display);  /* H1 экранов */
  --mirrim-text-d2: 800 28px/1.1  var(--mirrim-font-display);  /* H2 секций */
  --mirrim-text-d3: 800 22px/1.2  var(--mirrim-font-display);  /* карточки */
  --mirrim-text-h1: 700 20px/1.25 var(--mirrim-font-display);  /* nav title */
  --mirrim-text-h2: 700 17px/1.3  var(--mirrim-font-display);
  --mirrim-text-body: 500 15px/1.4 var(--mirrim-font-text);
  --mirrim-text-body-bold: 700 15px/1.4 var(--mirrim-font-text);
  --mirrim-text-caption: 500 13px/1.3 var(--mirrim-font-text);
  --mirrim-text-micro:   600 11px/1.2 var(--mirrim-font-text);

  /* — Radii — */
  --mirrim-radius-xs:   8px;
  --mirrim-radius-sm:   12px;   /* chip / small input */
  --mirrim-radius-md:   16px;   /* settings row / tile */
  --mirrim-radius-lg:   20px;   /* card */
  --mirrim-radius-xl:   24px;   /* event hero card */
  --mirrim-radius-2xl:  28px;
  --mirrim-radius-pill: 999px;  /* buttons / tabs */
  --mirrim-radius-squircle: 22%; /* monster avatar squircle */

  /* — Spacing — */
  --mirrim-sp-1:  4px;
  --mirrim-sp-2:  8px;
  --mirrim-sp-3:  12px;
  --mirrim-sp-4:  16px;
  --mirrim-sp-5:  20px;
  --mirrim-sp-6:  24px;
  --mirrim-sp-8:  32px;
  --mirrim-sp-10: 40px;

  /* — Elevation —
     Тени мягкие, фиолетовые на пурпурных экранах, нейтральные на белых. */
  --mirrim-shadow-card:   0 4px 24px rgba(20, 10, 60, .08);
  --mirrim-shadow-cta:    0 10px 24px -8px rgba(124, 58, 237, .45);
  --mirrim-shadow-lime:   0 10px 24px -8px rgba(168, 217, 32, .55);
  --mirrim-shadow-float:  0 18px 50px -16px rgba(20, 10, 60, .35);

  /* — Gradients — */
  --mirrim-grad-purple-screen:
    radial-gradient(120% 80% at 50% 0%, #8B5CF6 0%, #7C3AED 35%, #5B21B6 100%);
  --mirrim-grad-purple-card:
    linear-gradient(160deg, #9B7DF7 0%, #7C5BE6 60%, #6B45D6 100%);
  --mirrim-grad-lime-rays:
    repeating-conic-gradient(from 90deg at 50% 50%,
      #6FE043 0deg, #6FE043 14deg, #5DD33C 14deg, #5DD33C 28deg);

  /* — Layout — */
  --mirrim-screen-pad: 20px;
  --mirrim-bottom-nav-h: 84px;
}