/* ============================================
   MISSION CREATOR · DESIGN SYSTEM v2
   Светлая тема — по умолчанию
   ============================================ */

:root {
  /* Шрифты */
  --mc-font-display: 'Unbounded', system-ui, sans-serif;
  --mc-font-body: 'Onest', system-ui, sans-serif;
  --mc-font-mono: 'JetBrains Mono', monospace;

  /* Радиусы */
  --mc-radius-sm: 8px;
  --mc-radius-md: 14px;
  --mc-radius-lg: 20px;
  --mc-radius-xl: 28px;
  --mc-radius-full: 9999px;

  /* Отступы */
  --mc-space-2xs: 4px;
  --mc-space-xs: 8px;
  --mc-space-sm: 12px;
  --mc-space-md: 16px;
  --mc-space-lg: 24px;
  --mc-space-xl: 40px;
  --mc-space-2xl: 64px;
  --mc-space-3xl: 96px;
  --mc-space-4xl: 128px;

  /* Анимация */
  --mc-duration-fast: 150ms;
  --mc-duration-base: 250ms;
  --mc-duration-slow: 400ms;
  --mc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --mc-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --mc-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Цвета шести ролей */
  --mc-role-idea: #8B80FF;
  --mc-role-skill: #2DD1A0;
  --mc-role-visual: #E85285;
  --mc-role-story: #E89A30;
  --mc-role-motion: #3A9FF5;
  --mc-role-game: #FF5555;
}

/* === СВЕТЛАЯ ТЕМА (по умолчанию) === */
:root,
[data-theme="light"] {
  --mc-bg-primary: #ffffff;
  --mc-bg-secondary: #f6f5fb;
  --mc-bg-tertiary: #efeef7;

  --mc-border: rgba(40, 30, 80, 0.10);
  --mc-border-strong: rgba(40, 30, 80, 0.18);

  --mc-text-primary: #1a1730;
  --mc-text-secondary: #54506b;
  --mc-text-tertiary: #8b88a0;

  --mc-brand: #5B4FC6;
  --mc-brand-glow: #7F77DD;
  --mc-brand-dim: #4338A8;

  --mc-accent-cyan: #0088B0;
  --mc-accent-gold: #C77F08;

  --mc-success: #1FA17C;
  --mc-warning: #C77F08;
  --mc-danger: #D43838;
}

/* === ТЁМНАЯ ТЕМА — Вариант A: сумеречный индиго === */
[data-theme="dark"] {
  --mc-bg-primary: #272250;
  --mc-bg-secondary: #322b63;
  --mc-bg-tertiary: #3e3676;

  --mc-border: rgba(180, 160, 255, 0.16);
  --mc-border-strong: rgba(180, 160, 255, 0.28);

  --mc-text-primary: rgba(255, 255, 255, 0.95);
  --mc-text-secondary: rgba(220, 214, 255, 0.72);
  --mc-text-tertiary: rgba(200, 194, 240, 0.5);

  --mc-brand: #9B91F0;
  --mc-brand-glow: #C4BDFF;
  --mc-brand-dim: #7F77DD;

  --mc-accent-cyan: #2BC4E8;
  --mc-accent-gold: #E8A020;

  --mc-success: #2DD1A0;
  --mc-warning: #E89A30;
  --mc-danger: #FF6B6B;
}

/* === Отключение анимаций для reduce-motion (только наши блоки) === */
@media (prefers-reduced-motion: reduce) {
  [class^="mc-"], [class^="mc-"] * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}