/* MAIN APP THEME — LOCKED (Claude AI orange). Do not edit without explicit request. */
:root {
  --sw-primary: #d97757;
  --sw-primary-hover: #c66a4d;
  --sw-primary-rgb: 217, 119, 87;
  --sw-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --sw-snap: cubic-bezier(0.4, 0, 0.2, 1);
  --sw-radius: 12px;
  --sw-radius-lg: 16px;
  --sw-font: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --sw-font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", "Segoe UI Mono", monospace;

  /* Canvas */
  --sw-bg-main: #000000;
  --sw-bg-deep: #000000;
  --sw-window: #2a2a2a;
  --sw-window-header: #333333;
  --sw-bg-card: #2a2a2a;
  --sw-surface-elevated: #333333;
  --sw-surface-input: #242424;
  --sw-text-main: #ffffff;
  --sw-text-muted: rgba(255, 255, 255, 0.62);
  --sw-border: rgba(255, 255, 255, 0.07);
  --sw-border-strong: rgba(255, 255, 255, 0.12);
  --sw-accent-outline: 1.5px;
  --sw-accent-ring: 1.5px;
  --sw-shadow-window: 0 16px 48px rgba(0, 0, 0, 0.55);

  /* Panels (hub, login, FX) */
  --sw-surface-light: #2a2a2a;
  --sw-text-on-light: #ffffff;
  --sw-text-muted-on-light: rgba(255, 255, 255, 0.62);
  --sw-border-on-light: rgba(255, 255, 255, 0.08);

  /* Monolithic buttons */
  --sw-btn-bg: var(--sw-primary);
  --sw-btn-bg-hover: var(--sw-primary-hover);
  --sw-btn-bg-active: #b35e44;
  --sw-btn-secondary-bg: #3a3a3a;
  --sw-btn-secondary-hover: var(--sw-primary);
  --sw-btn-danger-bg: #8b3a3a;
  --sw-btn-danger-hover: #a04444;
  --sw-btn-text: #ffffff;
  --sw-btn-radius: 10px;
  --sw-btn-ease: var(--sw-ease);
  --sw-btn-dur: 0.28s;

  /* Motion (smooth UI dynamics) */
  --sw-motion-fast: 0.2s;
  --sw-motion-base: 0.34s;
  --sw-motion-slow: 0.48s;
  --sw-motion-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --sw-motion-soft: cubic-bezier(0.16, 1, 0.3, 1);
}