/* FE/v13/tokens.css
 * v13.1 design tokens: shared color, spacing, radius, shadow, and layout constants.
 */

:root,
[data-theme="dark"] {
  --v13-color-bg-page: #090d18;
  --v13-color-bg-shell: #0d1324;
  --v13-color-bg-panel: #11182a;
  --v13-color-bg-card: #151f34;
  --v13-color-bg-card-elevated: #1b2740;
  --v13-color-bg-card-muted: #101827;

  --v13-color-text-main: #f5edf8;
  --v13-color-text-sub: #c5b7cf;
  --v13-color-text-muted: #8f8299;

  --v13-color-accent-primary: #c77dff;
  --v13-color-accent-secondary: #8f5cff;
  --v13-color-accent-gold: #d7b56d;
  --v13-color-success: #77d98b;
  --v13-color-warning: #e8b85d;
  --v13-color-danger: #ff6f86;

  --v13-color-border-soft: rgba(255, 255, 255, 0.12);
  --v13-color-border-strong: rgba(255, 255, 255, 0.18);
  --v13-color-border-gold: rgba(215, 181, 109, 0.32);

  --v13-shadow-panel: 0 20px 60px rgba(0, 0, 0, 0.24);
  --v13-shadow-card: 0 14px 36px rgba(0, 0, 0, 0.18);

  --v13-radius-sm: 8px;
  --v13-radius-md: 12px;
  --v13-radius-lg: 18px;
  --v13-radius-xl: 24px;
  --v13-radius-2xl: 26px;
  --v13-radius-pill: 999px;

  --v13-space-xs: 4px;
  --v13-space-sm: 8px;
  --v13-space-md: 12px;
  --v13-space-lg: 16px;
  --v13-space-xl: 24px;
  --v13-space-2xl: 32px;

  --v13-nav-width: 176px;
  --v13-nav-width-compact: 148px;
  --v13-header-height: 74px;
  --v13-right-panel-width: clamp(286px, 24vw, 360px);
  --v13-right-panel-width-compact: 252px;
}