/* Legacy blue style restored as selectable theme. */
body[data-theme="blue-classic"] {
  --bg-top: #050c19;
  --bg-bottom: #0b1731;
  --surface: #0f1b38;
  --surface-2: #102142;
  --text: #ecf3ff;
  --muted: #a5b8db;
  --line: #274374;
  --accent: #36b4ff;
  --accent-soft: #9bdcff;
  --field-bg: #08142d;
  --output-bg: #071124;
  --brand-sign-bg: rgba(8, 22, 45, 0.9);
  --brand-sign-border: rgba(113, 168, 235, 0.64);
  --brand-sign-title: #ecf3ff;
  --brand-sign-meta: #cde3ff;
  --brand-sign-separator: var(--accent);
  color: var(--text);
  background:
    radial-gradient(1200px 720px at -10% -20%, rgba(59, 124, 229, 0.34) 0, transparent 62%),
    radial-gradient(980px 660px at 110% -10%, rgba(42, 174, 255, 0.2) 0, transparent 58%),
    linear-gradient(180deg, var(--bg-top), var(--bg-bottom));
}

body[data-theme="blue-classic"] .brand-header {
  background: linear-gradient(180deg, rgba(18, 41, 82, 0.88), rgba(9, 22, 45, 0.94));
  box-shadow: 0 10px 28px rgba(2, 10, 24, 0.34);
}

body[data-theme="blue-classic"] header code {
  color: #d4eaff;
  background: rgba(8, 22, 45, 0.78);
  border: 1px solid #2a4a7a;
}

body[data-theme="blue-classic"] .panel {
  background: linear-gradient(180deg, rgba(17, 34, 67, 0.92), rgba(14, 28, 55, 0.94));
  box-shadow: 0 8px 24px rgba(2, 12, 30, 0.34);
}

body[data-theme="blue-classic"] .panel::after {
  background: radial-gradient(circle at 45% 35%, rgba(53, 173, 255, 0.28), rgba(53, 173, 255, 0.02) 72%);
}

body[data-theme="blue-classic"] .panel::before {
  background: radial-gradient(circle at 60% 40%, rgba(143, 213, 255, 0.16), rgba(143, 213, 255, 0.01) 72%);
}

body[data-theme="blue-classic"] .hover-info {
  border: 1px solid rgba(122, 170, 236, 0.78);
  color: #c8d7f7;
}

body[data-theme="blue-classic"] .hover-info-tip {
  border: 1px solid rgba(113, 168, 235, 0.6);
  background: rgba(8, 22, 45, 0.97);
  color: #d8e8ff;
  box-shadow: 0 10px 20px rgba(2, 12, 30, 0.45);
}

body[data-theme="blue-classic"] .pipeline-organizer {
  border-top: 1px solid rgba(123, 162, 217, 0.34);
}

body[data-theme="blue-classic"] .lambda-row {
  border: 1px solid rgba(123, 162, 217, 0.5);
  background: rgba(6, 17, 37, 0.62);
  outline: 1px solid rgba(70, 126, 197, 0.35);
}

body[data-theme="blue-classic"] .lambda-row .lambda-input {
  border: 1px solid rgba(123, 162, 217, 0.45);
  background: rgba(4, 12, 26, 0.88);
  color: #d2e0ff;
}

body[data-theme="blue-classic"] .lambda-row:fullscreen,
body[data-theme="blue-classic"] .lambda-row:-webkit-full-screen,
body[data-theme="blue-classic"] .lambda-row.lambda-force-fullscreen,
body[data-theme="blue-classic"] .lambda-row.lambda-native-fullscreen {
  outline: 2px solid rgba(83, 173, 255, 0.52);
}

body[data-theme="blue-classic"] input::placeholder,
body[data-theme="blue-classic"] textarea::placeholder {
  color: #7187b1;
}

body[data-theme="blue-classic"] .numbered-textarea-shell .line-numbers {
  border-right: 1px solid rgba(70, 108, 161, 0.5);
  color: #7f91b4;
  background: rgba(7, 20, 40, 0.95);
}

body[data-theme="blue-classic"] button {
  border: 1px solid #2c548a;
  background: linear-gradient(180deg, #1a3a70, #112a54);
}

body[data-theme="blue-classic"] button.secondary {
  background: rgba(8, 22, 45, 0.86);
  border-color: #315d97;
}

body[data-theme="blue-classic"] .out {
  color: #d2e0ff;
}

body[data-theme="blue-classic"] .output-mode-btn {
  background: rgba(8, 22, 45, 0.86);
}

body[data-theme="blue-classic"] .output-mode-btn:hover {
  border-color: rgba(123, 199, 255, 0.7);
  background: rgba(53, 173, 255, 0.18);
}

body[data-theme="blue-classic"] .output-mode-btn.is-active {
  border-color: rgba(170, 210, 255, 0.82);
  background: rgba(140, 185, 255, 0.34);
}

body[data-theme="blue-classic"] .copy-json-btn,
body[data-theme="blue-classic"] .fullscreen-json-btn {
  background: rgba(8, 22, 45, 0.92);
}

body[data-theme="blue-classic"] .copy-json-btn:hover,
body[data-theme="blue-classic"] .fullscreen-json-btn:hover,
body[data-theme="blue-classic"] .fullscreen-json-btn.is-active {
  background: rgba(20, 48, 90, 0.96);
}

body[data-theme="blue-classic"] .footer-brand-mark {
  border: 1px solid #2f4f7d;
}

body[data-theme="blue-classic"] footer code {
  color: #d2e6ff;
  background: rgba(9, 24, 46, 0.78);
  border: 1px solid #2a4a79;
}

body[data-theme="blue-classic"] .theme-select {
  background: rgba(8, 22, 45, 0.86);
  color: #d2e6ff;
  border: 1px solid #315d97;
}

body[data-theme="blue-classic"] .theme-select:hover {
  border-color: var(--accent);
}

body[data-theme="blue-classic"] .theme-select:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(53, 173, 255, 0.2);
}

body[data-theme="blue-classic"] .theme-demo-card {
  border-color: rgba(143, 213, 255, 0.32);
  background: rgba(7, 20, 40, 0.5);
}

body[data-theme="blue-classic"] .k3-badge {
  background: rgba(54, 180, 255, 0.2);
  color: #cfe6ff;
  border-color: rgba(54, 180, 255, 0.38);
}

body[data-theme="blue-classic"] .k3-tag {
  background: rgba(8, 22, 45, 0.86);
  color: #d4eaff;
  border-color: #315d97;
}

body[data-theme="blue-classic"] .k3-table th {
  background: #193763;
  color: #ecf3ff;
  border-bottom: 1px solid rgba(143, 213, 255, 0.18);
}

body[data-theme="blue-classic"] .k3-table td {
  border-bottom: 1px solid rgba(143, 213, 255, 0.11);
}

body[data-theme="blue-classic"] .k3-table tbody tr:hover td {
  background: rgba(20, 42, 80, 0.5);
}

body[data-theme="blue-classic"] .k3-demo-chart,
body[data-theme="blue-classic"] .k3-mini-graph {
  border-color: rgba(123, 199, 255, 0.45);
  background: rgba(6, 18, 38, 0.7);
}

body[data-theme="blue-classic"] .k3-chart-axis {
  stroke: rgba(143, 213, 255, 0.42);
}

body[data-theme="blue-classic"] .k3-series-legend,
body[data-theme="blue-classic"] .k3-graph-legend {
  color: #b7d4ff;
}