/* KjdeParty — дизайн-токены. Источник истины: палитра. */

:root,
[data-theme="dark"] {
  --bg: #0F0F0F;
  --surface: #1A1A1A;
  --surface-elevated: #242424;
  --border: #2E2E2E;
  --text-primary: #F5F5F5;
  --text-secondary: #A0A0A0;
  --text-muted: #6B6B6B;
  --accent: #7C5CFF;
  --accent-hover: #8F73FF;
  --success: #3DD68C;
  --warning: #FFB020;
  --danger: #FF4D4D;
  --live: #FF3B3B;
}

[data-theme="midnight-blue"] {
  --bg: #0A0E1A;
  --surface: #131A2B;
  --surface-elevated: #1C2540;
  --border: #232E4A;
  --text-primary: #F0F4FF;
  --text-secondary: #9AA8C7;
  --text-muted: #5F6B85;
  --accent: #4A8CFF;
  --accent-hover: #6BA0FF;
  --success: #3DD68C;
  --warning: #FFB020;
  --danger: #FF5C5C;
  --live: #FF3B3B;
}

[data-theme="crimson"] {
  --bg: #1A0A0A;
  --surface: #2B1313;
  --surface-elevated: #3D1C1C;
  --border: #4A2424;
  --text-primary: #FFF0F0;
  --text-secondary: #C7A0A0;
  --text-muted: #856B6B;
  --accent: #FF4D4D;
  --accent-hover: #FF6B6B;
  --success: #3DD68C;
  --warning: #FFB020;
  --danger: #FF3B3B;
  --live: #FF3B3B;
}

[data-theme="gray"] {
  --bg: #121212;
  --surface: #1E1E1E;
  --surface-elevated: #2A2A2A;
  --border: #333333;
  --text-primary: #F0F0F0;
  --text-secondary: #A8A8A8;
  --text-muted: #707070;
  --accent: #A0A0A0;
  --accent-hover: #C0C0C0;
  --success: #3DD68C;
  --warning: #FFB020;
  --danger: #FF4D4D;
  --live: #FF3B3B;
}

/* Типографика */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo,
               Consolas, "Liberation Mono", monospace;

  --fs-h1: 32px; --lh-h1: 1.2; --fw-h1: 700;
  --fs-h2: 24px; --lh-h2: 1.3; --fw-h2: 600;
  --fs-h3: 18px; --lh-h3: 1.4; --fw-h3: 600;
  --fs-body: 14px; --lh-body: 1.5; --fw-body: 400;
  --fs-small: 12px; --lh-small: 1.4; --fw-small: 400;
  --fs-mono: 13px; --lh-mono: 1.4; --fw-mono: 400;

  /* Отступы */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px;

  /* Скругления */
  --r-btn: 8px;
  --r-card: 12px;
  --r-modal: 16px;
  --r-full: 50%;
  --r-input: 8px;

  /* Тени */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 8px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
}