/* Palette copied from devsense-ui/src/styles/theme.css, dark theme.
   Layout and typography remain in propuesta.css and composicion.css. */
:root {
  color-scheme: dark;
  --ds-bg-primary: #0d1117;
  --ds-bg-secondary: #161b22;
  --ds-bg-tertiary: #21262d;
  --ds-bg-canvas: #010409;
  --ds-border: #30363d;
  --ds-border-muted: #21262d;
  --ds-text-primary: #e6edf3;
  --ds-text-secondary: #b1bac4;
  --ds-text-muted: #8b949e;
  --ds-text-on-accent: #fff;
  --ds-accent-blue: #2563eb;
  --ds-link: #58a6ff;
  --ds-link-hover: #79b8ff;
  --ds-accent-blue-subtle: rgb(37 99 235 / 0.15);
  --ds-accent-purple: #8b5cf6;
  --ds-accent-purple-subtle: rgb(139 92 246 / 0.15);
  --ds-accent: var(--ds-accent-purple);
  --ds-accent-subtle: var(--ds-accent-purple-subtle);
  --ds-success: #3fb950;
  --ds-success-subtle: rgb(63 185 80 / 0.15);
  --ds-warning: #d29922;
  --ds-warning-subtle: rgb(210 153 34 / 0.15);
  --ds-danger: #ff7b72;
  --ds-danger-subtle: rgb(255 123 114 / 0.15);
  --ds-info: #58a6ff;
  --ds-info-subtle: rgb(88 166 255 / 0.15);
  --ds-ring: rgb(56 139 253 / 0.75);
  --ds-shadow: 0 1px 3px rgb(0 0 0 / 0.3);
  --ds-shadow-lg: 0 8px 24px rgb(0 0 0 / 0.4);
}

/* Large product surfaces stay neutral; purple identifies actions and selection. */
.hero-stage { background:var(--ds-bg-secondary); border:1px solid var(--ds-border); box-shadow:none; }
.product-window { border-color:var(--ds-border); box-shadow:var(--ds-shadow-lg); }
.stage-heading, .stage-heading span:last-child { color:var(--ds-text-secondary); }
.stage-foot { color:var(--ds-text-muted); }
.hero-views button { color:var(--ds-text-secondary); background:var(--ds-bg-primary); border-color:var(--ds-border); }
.hero-views button.selected { color:var(--ds-text-primary); background:var(--ds-accent-subtle); border-color:var(--ds-border); box-shadow:none; }
.hero-views button:hover:not(.selected) { background:var(--ds-bg-tertiary); }
.activity-panel { color:var(--ds-text-primary); background:var(--ds-bg-primary); border-color:var(--ds-border); }
.activity-panel[open] .activity-title, .activity-panel .lf-row { border-color:var(--ds-border); }
.activity-panel .lf-body>span { color:var(--ds-text-muted); }
.activity-panel .activity-link { color:var(--ds-text-secondary); }
.hero h1 em { color:var(--ds-accent-purple); }
.cierre { background:var(--ds-bg-secondary); border-top:1px solid var(--ds-border); border-bottom:1px solid var(--ds-border); }
.cierre p { color:var(--ds-text-secondary); }
.cierre .btn-primary { background:var(--ds-accent); border-color:var(--ds-accent); color:var(--ds-text-on-accent); }
.cierre .btn-primary:hover { background:color-mix(in srgb,var(--ds-accent) 85%,white); border-color:transparent; color:var(--ds-text-on-accent); }
.cierre .btn-quiet { border-color:var(--ds-border); color:var(--ds-text-primary); }

/* Selected controls use their background, without colored edge accents. */
.tab.active { background:var(--ds-accent-subtle); color:var(--ds-text-primary); border-color:var(--ds-border); box-shadow:none; }