.jtv-app {
  --jtv-bg: #F4F7F5;
  --jtv-surface: #ffffff;
  --jtv-surface-muted: #EEF3F0;
  --jtv-surface-subtle: #F9FBFA;
  --jtv-text: #152019;
  --jtv-muted: #627067;
  --jtv-border: #D7E0DA;
  --jtv-border-strong: #B9C8BF;
  --jtv-primary: #087A45;
  --jtv-primary-strong: #066239;
  --jtv-primary-soft: #E5F5EC;
  --jtv-accent: #B65F00;
  --jtv-danger: #B42318;
  --jtv-danger-soft: #FEECEB;
  --jtv-success: #087A45;
  --jtv-success-soft: #E5F5EC;
  --jtv-warning: #B65F00;
  --jtv-warning-soft: #FFF4DB;
  --jtv-info: #175CD3;
  --jtv-info-soft: #EAF2FF;
  --jtv-focus: rgba(8,122,69,.24);
  --jtv-radius-xs: 8px;
  --jtv-radius-sm: 10px;
  --jtv-radius: 16px;
  --jtv-radius-lg: 24px;
  --jtv-shadow-sm: 0 1px 2px rgba(21,32,25,.06), 0 3px 8px rgba(21,32,25,.04);
  --jtv-shadow: 0 2px 4px rgba(21,32,25,.07), 0 12px 30px rgba(21,32,25,.07);
  --jtv-shadow-lg: 0 18px 50px rgba(21,32,25,.18);
  --jtv-space-1: 4px;
  --jtv-space-2: 8px;
  --jtv-space-3: 12px;
  --jtv-space-4: 16px;
  --jtv-space-5: 24px;
  --jtv-space-6: 32px;
  --jtv-space-7: 40px;
  --jtv-control-height: 48px;
  --jtv-touch-target: 44px;
  --jtv-icon-size: 20px;
  --jtv-transition: 160ms ease;
  --jtv-content: 1520px;
  --jtv-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}