/* RAD Design System — Preview Theme System
 * Centralized theme picker UI + component preview themes
 * Loaded by all component pages via <link rel="stylesheet" href="../rad-preview-themes.css">
 */

/* Theme picker */
.comp-theme-picker { position: relative; margin-left: auto; }
.comp-theme-btn {
  display: flex;
  align-items: center;
  gap: 7px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: rgba(196,192,184,0.45);
  background: none;
  border: 1px solid rgba(255,255,255,0.09);
  padding: 5px 12px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.18s;
}
.comp-theme-btn:hover { color: var(--cream-dim); border-color: rgba(255,255,255,0.2); }
.comp-theme-btn svg { opacity: 0.5; transition: opacity 0.18s; }
.comp-theme-btn:hover svg { opacity: 0.85; }
.comp-theme-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 230px;
  background: #16161a;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 5px;
  padding: 6px;
  z-index: 50;
  display: none;
  box-shadow: 0 10px 32px rgba(0,0,0,0.55);
}
.comp-theme-dropdown.is-open { display: block; }
.comp-theme-group-label {
  font-family: var(--mono, monospace);
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.28);
  padding: 8px 10px 4px;
}
.comp-theme-group-label:not(:first-child) { margin-top: 4px; border-top: 1px solid rgba(255,255,255,0.07); padding-top: 10px; }
.comp-theme-option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 3px;
  cursor: pointer;
  transition: background 0.12s;
}
.comp-theme-option:hover { background: rgba(255,255,255,0.05); }
.comp-theme-option.is-active { background: rgba(255,255,255,0.07); }
.comp-theme-radio {
  width: 13px; height: 13px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.2);
  flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  transition: border-color 0.15s;
}
.comp-theme-option.is-active .comp-theme-radio { border-color: var(--teal, #2bafb6); }
.comp-theme-radio-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--teal, #2bafb6);
  display: none;
}
.comp-theme-option.is-active .comp-theme-radio-dot { display: block; }
.comp-theme-name {
  font-family: var(--mono, monospace);
  font-size: 12px;
  color: #899eb3;
  flex: 1;
  letter-spacing: 0.04em;
}
.comp-theme-swatch {
  width: 38px; height: 22px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,0.1);
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.comp-theme-swatch-bar {
  position: absolute;
  left: 7px; right: 7px;
  height: 3px;
  border-radius: 2px;
}
/* ── Global button base (available to all component pages) ──────────────── */
.rad-btn {
  font-family: var(--mono, monospace);
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 11px 24px;
  border: none;
  cursor: pointer;
  transition: all 0.2s;
  border-radius: var(--rad-radius-btn, 4px);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.rad-btn:focus-visible {
  outline: 3px solid var(--rad-color-focus, #147060);
  outline-offset: 3px;
}
.rad-btn--approve {
  background: var(--rad-color-approve);
  color: #fff;
}
.rad-btn--approve:hover { background: var(--rad-color-approve-hover); }
.rad-btn--reject {
  background: transparent;
  color: var(--rad-color-reject);
  border: 1px solid var(--rad-recovery-border, rgba(153,27,27,0.35));
}
.rad-btn--reject:hover   { background: var(--rad-color-reject-hover-bg); }
.rad-btn--reject:focus-visible { outline-color: var(--rad-color-reject); }
.rad-btn--defer {
  background: transparent;
  color: var(--rad-hitl-defer-color);
  border: 1px solid var(--rad-hitl-defer-border);
}
.rad-btn--defer:hover {
  color: var(--rad-hitl-defer-hover-color);
  border-color: var(--rad-hitl-defer-hover-border);
}


/* Default preview: RAD Brand — Paper, Charcoal, Teal, Aubergine */
.rad-preview {
  background: #faf8f6;
  border-radius: 8px;
  padding: 32px 28px;
  border: 1px solid rgba(19,32,48,0.1);
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #132030;
  --mono: 'Poppins', sans-serif;
  --sans: 'Poppins', sans-serif;
  --serif: 'Poppins', sans-serif;
  --rad-surface-card:               #ffffff;
  --rad-border-subtle:              rgba(19,32,48,0.09);
  --rad-color-text-primary:         #132030;
  --rad-color-text-secondary:       #899eb3;
  --rad-color-text-meta:            rgba(19,32,48,0.45);
  --rad-color-emphasis:             #6a4177;
  --rad-color-approve:              #2bafb6;
  --rad-color-approve-hover:        #208f96;
  --rad-color-reject:               #c0392b;
  --rad-color-reject-hover-bg:      rgba(192,57,43,0.07);
  --rad-color-focus:                #2bafb6;
  --rad-radius-card:                6px;
  --rad-radius-btn:                 4px;
  --rad-radius-chip:                4px;
  --rad-hitl-scope-bg:              rgba(19,32,48,0.03);
  --rad-hitl-defer-color:           #899eb3;
  --rad-hitl-defer-border:          rgba(19,32,48,0.12);
  --rad-hitl-defer-hover-color:     #132030;
  --rad-hitl-defer-hover-border:    rgba(19,32,48,0.25);
  --rad-audit-head-bg:              rgba(43,175,182,0.07);
  --rad-audit-head-border:          rgba(43,175,182,0.2);
  --rad-audit-row-divider:          rgba(19,32,48,0.05);
  --rad-audit-status-ok:            #059669;
  --rad-audit-status-warn:          #d97706;
  --rad-audit-status-blocked:       #c0392b;
  --rad-audit-type-read-bg:         rgba(43,175,182,0.07);
  --rad-audit-type-write-bg:        rgba(217,119,6,0.08);
  --rad-audit-type-write-color:     #d97706;
  --rad-audit-type-blocked-bg:      rgba(192,57,43,0.07);
  --rad-audit-type-blocked-color:   #c0392b;
  --rad-bias-bg:                    rgba(217,119,6,0.06);
  --rad-bias-border:                rgba(217,119,6,0.25);
  --rad-bias-title-color:           #d97706;
  --rad-confidence-high-color:      #059669;
  --rad-confidence-high-border:     rgba(5,150,105,0.22);
  --rad-confidence-low-color:       #c0392b;
  --rad-confidence-low-border:      rgba(192,57,43,0.2);
  --rad-confidence-note-color:      #899eb3;
  --rad-confidence-track-bg:        rgba(19,32,48,0.07);
  --rad-disclosure-warn-bg:         rgba(217,119,6,0.05);
  --rad-disclosure-warn-border:     rgba(217,119,6,0.25);
  --rad-empty-surface:              #ffffff;
  --rad-empty-border:               rgba(19,32,48,0.08);
  --rad-empty-icon-bg:              rgba(43,175,182,0.08);
  --rad-empty-icon-border:          rgba(43,175,182,0.2);
  --rad-empty-icon-color:           #2bafb6;
  --rad-empty-suggestion-bg:        rgba(43,175,182,0.05);
  --rad-empty-suggestion-border:    rgba(43,175,182,0.18);
  --rad-empty-suggestion-color:     #2bafb6;
  --rad-empty-suggestion-hover-bg:  rgba(43,175,182,0.1);
  --rad-empty-suggestion-hover-border: rgba(43,175,182,0.3);
  --rad-env-color:                  #059669;
  --rad-env-bar-bg:                 rgba(19,32,48,0.07);
  --rad-env-bar-ok:                 #059669;
  --rad-env-bar-warn:               #d97706;
  --rad-env-metric-bg:              rgba(5,150,105,0.05);
  --rad-env-metric-value-color:     #132030;
  --rad-env-metric-unit-color:      rgba(19,32,48,0.45);
  --rad-env-metric-eq-color:        rgba(19,32,48,0.45);
  --rad-env-note-bg:                rgba(19,32,48,0.03);
  --rad-env-session-context-color:  #899eb3;
  --rad-env-warning-border:         #d97706;
  --rad-env-warning-emphasis:       #d97706;
  --rad-error-body-color:           #899eb3;
  --rad-error-body-strong:          #132030;
  --rad-error-timeout-color:        #c0392b;
  --rad-error-timeout-border:       rgba(192,57,43,0.25);
  --rad-error-refusal-color:        #6a4177;
  --rad-error-refusal-border:       rgba(106,65,119,0.2);
  --rad-error-hallucination-color:  #d97706;
  --rad-error-hallucination-border: rgba(217,119,6,0.25);
  --rad-error-ratelimit-color:      #899eb3;
  --rad-error-ratelimit-border:     rgba(19,32,48,0.1);
  --rad-feedback-btn-border:        rgba(19,32,48,0.12);
  --rad-feedback-btn-hover-bg:      rgba(43,175,182,0.05);
  --rad-feedback-divider:           rgba(19,32,48,0.07);
  --rad-feedback-pressed-bg:        rgba(43,175,182,0.08);
  --rad-feedback-pressed-border:    rgba(43,175,182,0.28);
  --rad-impact-bar-bg:              rgba(19,32,48,0.07);
  --rad-impact-high:                #c0392b;
  --rad-impact-med:                 #d97706;
  --rad-impact-low:                 #059669;
  --rad-impact-header-color:        #6a4177;
  --rad-impact-row-divider:         rgba(19,32,48,0.05);
  --rad-nudge-color:                #899eb3;
  --rad-nudge-default-border:       rgba(19,32,48,0.1);
  --rad-nudge-meta-pill-bg:         rgba(19,32,48,0.05);
  --rad-nudge-opt-bg:               rgba(43,175,182,0.05);
  --rad-popover-border:             rgba(19,32,48,0.12);
  --rad-popover-footer-divider:     rgba(19,32,48,0.07);
  --rad-progress-track-bg:          rgba(19,32,48,0.07);
  --rad-prompt-border:              rgba(19,32,48,0.12);
  --rad-prompt-focus-border:        rgba(43,175,182,0.45);
  --rad-prompt-footer-divider:      rgba(19,32,48,0.07);
  --rad-prompt-context-bar-bg:      rgba(43,175,182,0.04);
  --rad-recovery-color:             #c0392b;
  --rad-recovery-border:            rgba(192,57,43,0.25);
  --rad-recovery-history-bg:        rgba(19,32,48,0.03);
  --rad-scope-gate-color:           #d97706;
  --rad-scope-gate-border:          rgba(217,119,6,0.3);
  --rad-scope-gate-requested-bg:    rgba(217,119,6,0.05);
  --rad-session-divider:            rgba(19,32,48,0.07);
  --rad-session-tag-bg:             rgba(43,175,182,0.07);
  --rad-session-item-active-color:  #132030;
  --rad-session-item-truncated-color: rgba(19,32,48,0.45);
  --rad-session-context-track-bg:   rgba(19,32,48,0.07);
  --rad-session-context-bar-start:  #2bafb6;
  --rad-session-context-bar-end:    #6a4177;
  --rad-session-context-usage-color: #6a4177;
  --rad-skeleton-base:              #ededf0;
  --rad-skeleton-shimmer:           #e4e4e8;
  --rad-stream-btn-border:          rgba(19,32,48,0.12);
  --rad-stream-btn-hover-bg:        rgba(43,175,182,0.05);
  --rad-stream-controls-divider:    rgba(19,32,48,0.07);
  --rad-stream-stop-hover-bg:       rgba(192,57,43,0.07);
  --rad-threshold-color:            #c0392b;
  --rad-threshold-border:           rgba(192,57,43,0.22);
  --rad-threshold-header-bg:        rgba(192,57,43,0.05);
  --rad-threshold-header-border:    rgba(192,57,43,0.14);
  --rad-threshold-track-bg:         rgba(19,32,48,0.07);
  --rad-threshold-marker-color:     #899eb3;
  --rad-threshold-config-color:     rgba(19,32,48,0.45);
  --rad-token-pipeline-bg:          rgba(43,175,182,0.07);
  --rad-token-pipeline-border:      rgba(43,175,182,0.2);
  --rad-token-pipeline-color:       #2bafb6;
  --rad-token-doc-bg:               rgba(106,65,119,0.06);
  --rad-token-doc-border:           rgba(106,65,119,0.18);
  --rad-token-doc-color:            #6a4177;
  --rad-trigger-context-bg:         rgba(19,32,48,0.02);
  --rad-trigger-scope-diff-bg:      rgba(19,32,48,0.02);
  --rad-trigger-approved-color:     #059669;
  --rad-trigger-blocked-color:      #c0392b;
  --rad-trigger-anomaly-color:      #6a4177;
  --rad-trigger-fork-color:         #d97706;
  --rad-trigger-scope-color:        #c0392b;
  --rad-trigger-value-ok:           #059669;
  --rad-trigger-value-alert:        #6a4177;
  --rad-agent-state-border:         rgba(43,175,182,0.2);
  --rad-agent-state-next-border:    rgba(43,175,182,0.1);
  --rad-btn-eco-bg:                 rgba(5,150,105,0.07);
  --rad-btn-eco-color:              #059669;
  --rad-btn-upgrade-color:          #6a4177;
}

/* Theme: Candlelight — Claude desktop light mode, warm terracotta */
.rad-preview.theme-warm {
  background: #faf9f7;
  border-radius: 12px;
  padding: 32px 28px;
  border: 1px solid rgba(0,0,0,0.08);
  color: #1a1a18;
  --mono: 'Poppins', sans-serif;
  --sans: 'Poppins', sans-serif;
  --serif: 'Poppins', sans-serif;
  --rad-surface-card:               #ffffff;
  --rad-border-subtle:              rgba(0,0,0,0.08);
  --rad-color-text-primary:         #1a1a18;
  --rad-color-text-secondary:       #52524e;
  --rad-color-text-meta:            #85847f;
  --rad-color-emphasis:             #c4613d;
  --rad-color-approve:              #d97559;
  --rad-color-approve-hover:        #c4613d;
  --rad-color-reject:               #c0392b;
  --rad-color-reject-hover-bg:      rgba(192,57,43,0.05);
  --rad-color-focus:                #d97559;
  --rad-radius-card:                10px;
  --rad-radius-btn:                 8px;
  --rad-radius-chip:                12px;
  --rad-hitl-scope-bg:              rgba(217,117,89,0.04);
  --rad-hitl-defer-color:           #85847f;
  --rad-hitl-defer-border:          rgba(0,0,0,0.12);
  --rad-hitl-defer-hover-color:     #1a1a18;
  --rad-hitl-defer-hover-border:    rgba(0,0,0,0.24);
  --rad-audit-head-bg:              rgba(217,117,89,0.06);
  --rad-audit-head-border:          rgba(217,117,89,0.18);
  --rad-audit-row-divider:          rgba(0,0,0,0.05);
  --rad-audit-status-ok:            #2d8653;
  --rad-audit-status-warn:          #d97559;
  --rad-audit-status-blocked:       #c0392b;
  --rad-audit-type-read-bg:         rgba(217,117,89,0.07);
  --rad-audit-type-write-bg:        rgba(217,117,89,0.1);
  --rad-audit-type-write-color:     #c4613d;
  --rad-audit-type-blocked-bg:      rgba(192,57,43,0.06);
  --rad-audit-type-blocked-color:   #c0392b;
  --rad-bias-bg:                    rgba(217,117,89,0.05);
  --rad-bias-border:                rgba(217,117,89,0.28);
  --rad-bias-title-color:           #c4613d;
  --rad-confidence-high-color:      #2d8653;
  --rad-confidence-high-border:     rgba(45,134,83,0.22);
  --rad-confidence-low-color:       #c0392b;
  --rad-confidence-low-border:      rgba(192,57,43,0.2);
  --rad-confidence-note-color:      #52524e;
  --rad-confidence-track-bg:        rgba(0,0,0,0.06);
  --rad-disclosure-warn-bg:         rgba(217,117,89,0.05);
  --rad-disclosure-warn-border:     rgba(217,117,89,0.25);
  --rad-empty-surface:              #ffffff;
  --rad-empty-border:               rgba(0,0,0,0.07);
  --rad-empty-icon-bg:              rgba(217,117,89,0.08);
  --rad-empty-icon-border:          rgba(217,117,89,0.2);
  --rad-empty-icon-color:           #d97559;
  --rad-empty-suggestion-bg:        rgba(217,117,89,0.05);
  --rad-empty-suggestion-border:    rgba(217,117,89,0.18);
  --rad-empty-suggestion-color:     #d97559;
  --rad-empty-suggestion-hover-bg:  rgba(217,117,89,0.1);
  --rad-empty-suggestion-hover-border: rgba(217,117,89,0.3);
  --rad-env-color:                  #2d8653;
  --rad-env-bar-bg:                 rgba(0,0,0,0.06);
  --rad-env-bar-ok:                 #2d8653;
  --rad-env-bar-warn:               #d97559;
  --rad-env-metric-bg:              rgba(45,134,83,0.05);
  --rad-env-metric-value-color:     #1a1a18;
  --rad-env-metric-unit-color:      #85847f;
  --rad-env-metric-eq-color:        #85847f;
  --rad-env-note-bg:                rgba(217,117,89,0.04);
  --rad-env-session-context-color:  #52524e;
  --rad-env-warning-border:         #d97559;
  --rad-env-warning-emphasis:       #c4613d;
  --rad-error-body-color:           #52524e;
  --rad-error-body-strong:          #1a1a18;
  --rad-error-timeout-color:        #c0392b;
  --rad-error-timeout-border:       rgba(192,57,43,0.25);
  --rad-error-refusal-color:        #6d28d9;
  --rad-error-refusal-border:       rgba(109,40,217,0.18);
  --rad-error-hallucination-color:  #c4613d;
  --rad-error-hallucination-border: rgba(217,117,89,0.28);
  --rad-error-ratelimit-color:      #85847f;
  --rad-error-ratelimit-border:     rgba(0,0,0,0.14);
  --rad-feedback-btn-border:        rgba(0,0,0,0.12);
  --rad-feedback-btn-hover-bg:      rgba(217,117,89,0.05);
  --rad-feedback-divider:           rgba(0,0,0,0.07);
  --rad-feedback-pressed-bg:        rgba(217,117,89,0.08);
  --rad-feedback-pressed-border:    rgba(217,117,89,0.28);
  --rad-impact-bar-bg:              rgba(0,0,0,0.06);
  --rad-impact-high:                #c0392b;
  --rad-impact-med:                 #d97559;
  --rad-impact-low:                 #2d8653;
  --rad-impact-header-color:        #6d28d9;
  --rad-impact-row-divider:         rgba(0,0,0,0.05);
  --rad-nudge-color:                #52524e;
  --rad-nudge-default-border:       rgba(0,0,0,0.1);
  --rad-nudge-meta-pill-bg:         rgba(217,117,89,0.06);
  --rad-nudge-opt-bg:               rgba(217,117,89,0.05);
  --rad-popover-border:             rgba(0,0,0,0.1);
  --rad-popover-footer-divider:     rgba(0,0,0,0.07);
  --rad-progress-track-bg:          rgba(0,0,0,0.06);
  --rad-prompt-border:              rgba(0,0,0,0.12);
  --rad-prompt-focus-border:        rgba(217,117,89,0.45);
  --rad-prompt-footer-divider:      rgba(0,0,0,0.07);
  --rad-prompt-context-bar-bg:      rgba(217,117,89,0.04);
  --rad-recovery-color:             #c0392b;
  --rad-recovery-border:            rgba(192,57,43,0.25);
  --rad-recovery-history-bg:        rgba(217,117,89,0.03);
  --rad-scope-gate-color:           #c4613d;
  --rad-scope-gate-border:          rgba(217,117,89,0.32);
  --rad-scope-gate-requested-bg:    rgba(217,117,89,0.05);
  --rad-session-divider:            rgba(0,0,0,0.07);
  --rad-session-tag-bg:             rgba(217,117,89,0.06);
  --rad-session-item-active-color:  #1a1a18;
  --rad-session-item-truncated-color: #85847f;
  --rad-session-context-track-bg:   rgba(0,0,0,0.06);
  --rad-session-context-bar-start:  #d97559;
  --rad-session-context-bar-end:    #c0392b;
  --rad-session-context-usage-color: #d97559;
  --rad-skeleton-base:              #eeede9;
  --rad-skeleton-shimmer:           #e6e4e0;
  --rad-stream-btn-border:          rgba(0,0,0,0.12);
  --rad-stream-btn-hover-bg:        rgba(217,117,89,0.05);
  --rad-stream-controls-divider:    rgba(0,0,0,0.07);
  --rad-stream-stop-hover-bg:       rgba(192,57,43,0.07);
  --rad-threshold-color:            #c0392b;
  --rad-threshold-border:           rgba(192,57,43,0.25);
  --rad-threshold-header-bg:        rgba(192,57,43,0.05);
  --rad-threshold-header-border:    rgba(192,57,43,0.14);
  --rad-threshold-track-bg:         rgba(0,0,0,0.06);
  --rad-threshold-marker-color:     #52524e;
  --rad-threshold-config-color:     #85847f;
  --rad-token-pipeline-bg:          rgba(217,117,89,0.07);
  --rad-token-pipeline-border:      rgba(217,117,89,0.2);
  --rad-token-pipeline-color:       #d97559;
  --rad-token-doc-bg:               rgba(109,40,217,0.05);
  --rad-token-doc-border:           rgba(109,40,217,0.16);
  --rad-token-doc-color:            #6d28d9;
  --rad-trigger-context-bg:         rgba(217,117,89,0.03);
  --rad-trigger-scope-diff-bg:      rgba(217,117,89,0.03);
  --rad-trigger-approved-color:     #2d8653;
  --rad-trigger-blocked-color:      #c0392b;
  --rad-trigger-anomaly-color:      #6d28d9;
  --rad-trigger-fork-color:         #d97559;
  --rad-trigger-scope-color:        #c0392b;
  --rad-trigger-value-ok:           #2d8653;
  --rad-trigger-value-alert:        #6d28d9;
  --rad-agent-state-border:         rgba(217,117,89,0.18);
  --rad-agent-state-next-border:    rgba(217,117,89,0.1);
  --rad-btn-eco-bg:                 rgba(45,134,83,0.07);
  --rad-btn-eco-color:              #2d8653;
  --rad-btn-upgrade-color:          #6d28d9;
}
/* Theme: The Atelier — Claude desktop dark, warm charcoal, terracotta */
.rad-preview.theme-ink {
  background: #1c1b19;
  border-radius: 12px;
  padding: 32px 28px;
  border: 1px solid rgba(255,255,255,0.07);
  color: #f0ede8;
  --mono: 'Poppins', sans-serif;
  --sans: 'Poppins', sans-serif;
  --serif: 'Poppins', sans-serif;
  --rad-surface-card:               #252422;
  --rad-border-subtle:              rgba(255,255,255,0.08);
  --rad-color-text-primary:         #f0ede8;
  --rad-color-text-secondary:       #a8a49e;
  --rad-color-text-meta:            #706d67;
  --rad-color-emphasis:             #e8916e;
  --rad-color-approve:              #d97559;
  --rad-color-approve-hover:        #c4613d;
  --rad-color-reject:               #e06b6b;
  --rad-color-reject-hover-bg:      rgba(224,107,107,0.1);
  --rad-color-focus:                #d97559;
  --rad-radius-card:                10px;
  --rad-radius-btn:                 8px;
  --rad-radius-chip:                12px;
  --rad-hitl-scope-bg:              rgba(217,117,89,0.07);
  --rad-hitl-defer-color:           #706d67;
  --rad-hitl-defer-border:          rgba(255,255,255,0.1);
  --rad-hitl-defer-hover-color:     #a8a49e;
  --rad-hitl-defer-hover-border:    rgba(255,255,255,0.2);
  --rad-audit-head-bg:              rgba(217,117,89,0.1);
  --rad-audit-head-border:          rgba(217,117,89,0.22);
  --rad-audit-row-divider:          rgba(255,255,255,0.06);
  --rad-audit-status-ok:            #6dbf8a;
  --rad-audit-status-warn:          #d97559;
  --rad-audit-status-blocked:       #e06b6b;
  --rad-audit-type-read-bg:         rgba(217,117,89,0.1);
  --rad-audit-type-write-bg:        rgba(217,117,89,0.14);
  --rad-audit-type-write-color:     #e8916e;
  --rad-audit-type-blocked-bg:      rgba(224,107,107,0.1);
  --rad-audit-type-blocked-color:   #e06b6b;
  --rad-bias-bg:                    rgba(217,117,89,0.08);
  --rad-bias-border:                rgba(217,117,89,0.28);
  --rad-bias-title-color:           #e8916e;
  --rad-confidence-high-color:      #6dbf8a;
  --rad-confidence-high-border:     rgba(109,191,138,0.25);
  --rad-confidence-low-color:       #e06b6b;
  --rad-confidence-low-border:      rgba(224,107,107,0.25);
  --rad-confidence-note-color:      #a8a49e;
  --rad-confidence-track-bg:        rgba(255,255,255,0.07);
  --rad-disclosure-warn-bg:         rgba(217,117,89,0.08);
  --rad-disclosure-warn-border:     rgba(217,117,89,0.28);
  --rad-empty-surface:              #252422;
  --rad-empty-border:               rgba(255,255,255,0.08);
  --rad-empty-icon-bg:              rgba(217,117,89,0.1);
  --rad-empty-icon-border:          rgba(217,117,89,0.24);
  --rad-empty-icon-color:           #d97559;
  --rad-empty-suggestion-bg:        rgba(217,117,89,0.08);
  --rad-empty-suggestion-border:    rgba(217,117,89,0.22);
  --rad-empty-suggestion-color:     #d97559;
  --rad-empty-suggestion-hover-bg:  rgba(217,117,89,0.14);
  --rad-empty-suggestion-hover-border: rgba(217,117,89,0.35);
  --rad-env-color:                  #6dbf8a;
  --rad-env-bar-bg:                 rgba(255,255,255,0.07);
  --rad-env-bar-ok:                 #6dbf8a;
  --rad-env-bar-warn:               #d97559;
  --rad-env-metric-bg:              rgba(109,191,138,0.07);
  --rad-env-metric-value-color:     #f0ede8;
  --rad-env-metric-unit-color:      #706d67;
  --rad-env-metric-eq-color:        #706d67;
  --rad-env-note-bg:                rgba(217,117,89,0.05);
  --rad-env-session-context-color:  #a8a49e;
  --rad-env-warning-border:         #d97559;
  --rad-env-warning-emphasis:       #e8916e;
  --rad-error-body-color:           #a8a49e;
  --rad-error-body-strong:          #f0ede8;
  --rad-error-timeout-color:        #e06b6b;
  --rad-error-timeout-border:       rgba(224,107,107,0.28);
  --rad-error-refusal-color:        #c89ee0;
  --rad-error-refusal-border:       rgba(200,158,224,0.22);
  --rad-error-hallucination-color:  #e8916e;
  --rad-error-hallucination-border: rgba(217,117,89,0.28);
  --rad-error-ratelimit-color:      #706d67;
  --rad-error-ratelimit-border:     rgba(255,255,255,0.1);
  --rad-feedback-btn-border:        rgba(255,255,255,0.1);
  --rad-feedback-btn-hover-bg:      rgba(217,117,89,0.07);
  --rad-feedback-divider:           rgba(255,255,255,0.07);
  --rad-feedback-pressed-bg:        rgba(217,117,89,0.12);
  --rad-feedback-pressed-border:    rgba(217,117,89,0.32);
  --rad-impact-bar-bg:              rgba(255,255,255,0.07);
  --rad-impact-high:                #e06b6b;
  --rad-impact-med:                 #d97559;
  --rad-impact-low:                 #6dbf8a;
  --rad-impact-header-color:        #c89ee0;
  --rad-impact-row-divider:         rgba(255,255,255,0.06);
  --rad-nudge-color:                #a8a49e;
  --rad-nudge-default-border:       rgba(255,255,255,0.1);
  --rad-nudge-meta-pill-bg:         rgba(217,117,89,0.08);
  --rad-nudge-opt-bg:               rgba(217,117,89,0.07);
  --rad-popover-border:             rgba(255,255,255,0.1);
  --rad-popover-footer-divider:     rgba(255,255,255,0.07);
  --rad-progress-track-bg:          rgba(255,255,255,0.07);
  --rad-prompt-border:              rgba(255,255,255,0.1);
  --rad-prompt-focus-border:        rgba(217,117,89,0.55);
  --rad-prompt-footer-divider:      rgba(255,255,255,0.07);
  --rad-prompt-context-bar-bg:      rgba(217,117,89,0.06);
  --rad-recovery-color:             #e06b6b;
  --rad-recovery-border:            rgba(224,107,107,0.28);
  --rad-recovery-history-bg:        rgba(255,255,255,0.04);
  --rad-scope-gate-color:           #e8916e;
  --rad-scope-gate-border:          rgba(217,117,89,0.32);
  --rad-scope-gate-requested-bg:    rgba(217,117,89,0.07);
  --rad-session-divider:            rgba(255,255,255,0.07);
  --rad-session-tag-bg:             rgba(217,117,89,0.1);
  --rad-session-item-active-color:  #f0ede8;
  --rad-session-item-truncated-color: #706d67;
  --rad-session-context-track-bg:   rgba(255,255,255,0.07);
  --rad-session-context-bar-start:  #d97559;
  --rad-session-context-bar-end:    #e06b6b;
  --rad-session-context-usage-color: #d97559;
  --rad-skeleton-base:              #272522;
  --rad-skeleton-shimmer:           #302e2b;
  --rad-stream-btn-border:          rgba(255,255,255,0.1);
  --rad-stream-btn-hover-bg:        rgba(217,117,89,0.07);
  --rad-stream-controls-divider:    rgba(255,255,255,0.07);
  --rad-stream-stop-hover-bg:       rgba(224,107,107,0.1);
  --rad-threshold-color:            #e06b6b;
  --rad-threshold-border:           rgba(224,107,107,0.25);
  --rad-threshold-header-bg:        rgba(224,107,107,0.07);
  --rad-threshold-header-border:    rgba(224,107,107,0.16);
  --rad-threshold-track-bg:         rgba(255,255,255,0.07);
  --rad-threshold-marker-color:     #a8a49e;
  --rad-threshold-config-color:     #706d67;
  --rad-token-pipeline-bg:          rgba(217,117,89,0.1);
  --rad-token-pipeline-border:      rgba(217,117,89,0.24);
  --rad-token-pipeline-color:       #d97559;
  --rad-token-doc-bg:               rgba(200,158,224,0.08);
  --rad-token-doc-border:           rgba(200,158,224,0.2);
  --rad-token-doc-color:            #c89ee0;
  --rad-trigger-context-bg:         rgba(217,117,89,0.04);
  --rad-trigger-scope-diff-bg:      rgba(217,117,89,0.04);
  --rad-trigger-approved-color:     #6dbf8a;
  --rad-trigger-blocked-color:      #e06b6b;
  --rad-trigger-anomaly-color:      #c89ee0;
  --rad-trigger-fork-color:         #d97559;
  --rad-trigger-scope-color:        #e06b6b;
  --rad-trigger-value-ok:           #6dbf8a;
  --rad-trigger-value-alert:        #c89ee0;
  --rad-agent-state-border:         rgba(217,117,89,0.2);
  --rad-agent-state-next-border:    rgba(255,255,255,0.07);
  --rad-btn-eco-bg:                 rgba(109,191,138,0.08);
  --rad-btn-eco-color:              #6dbf8a;
  --rad-btn-upgrade-color:          #c89ee0;
}
/* Theme: SnapLogic — dark navy, electric blue, modern enterprise */
.rad-preview.theme-snaplogic {
  background: #0a1628;
  border-radius: 8px;
  padding: 32px 28px;
  border: 1px solid rgba(77,153,255,0.12);
  color: #e2eaf6;
  --mono: 'Poppins', sans-serif;
  --sans: 'Poppins', sans-serif;
  --serif: 'Poppins', sans-serif;
  --rad-surface-card:               #112040;
  --rad-border-subtle:              rgba(77,153,255,0.14);
  --rad-color-text-primary:         #edf2fc;
  --rad-color-text-secondary:       #9aacca;
  --rad-color-text-meta:            #6b7fa0;
  --rad-color-emphasis:             #a78bfa;
  --rad-color-approve:              #4d99ff;
  --rad-color-approve-hover:        #2d7de8;
  --rad-color-reject:               #f87171;
  --rad-color-reject-hover-bg:      rgba(248,113,113,0.1);
  --rad-color-focus:                #4d99ff;
  --rad-radius-card:                8px;
  --rad-radius-btn:                 6px;
  --rad-radius-chip:                4px;
  --rad-hitl-scope-bg:              rgba(77,153,255,0.07);
  --rad-hitl-defer-color:           #6b7fa0;
  --rad-hitl-defer-border:          rgba(77,153,255,0.18);
  --rad-hitl-defer-hover-color:     #9aacca;
  --rad-hitl-defer-hover-border:    rgba(77,153,255,0.35);
  --rad-audit-head-bg:              rgba(77,153,255,0.1);
  --rad-audit-head-border:          rgba(77,153,255,0.25);
  --rad-audit-row-divider:          rgba(77,153,255,0.07);
  --rad-audit-status-ok:            #4ade80;
  --rad-audit-status-warn:          #fbbf24;
  --rad-audit-status-blocked:       #f87171;
  --rad-audit-type-read-bg:         rgba(77,153,255,0.1);
  --rad-audit-type-write-bg:        rgba(251,191,36,0.1);
  --rad-audit-type-write-color:     #fbbf24;
  --rad-audit-type-blocked-bg:      rgba(248,113,113,0.1);
  --rad-audit-type-blocked-color:   #f87171;
  --rad-bias-bg:                    rgba(251,191,36,0.08);
  --rad-bias-border:                rgba(251,191,36,0.28);
  --rad-bias-title-color:           #fbbf24;
  --rad-confidence-high-color:      #4ade80;
  --rad-confidence-high-border:     rgba(74,222,128,0.25);
  --rad-confidence-low-color:       #f87171;
  --rad-confidence-low-border:      rgba(248,113,113,0.25);
  --rad-confidence-note-color:      #9aacca;
  --rad-confidence-track-bg:        rgba(77,153,255,0.1);
  --rad-disclosure-warn-bg:         rgba(251,191,36,0.06);
  --rad-disclosure-warn-border:     rgba(251,191,36,0.28);
  --rad-empty-surface:              #112040;
  --rad-empty-border:               rgba(77,153,255,0.12);
  --rad-empty-icon-bg:              rgba(77,153,255,0.1);
  --rad-empty-icon-border:          rgba(77,153,255,0.25);
  --rad-empty-icon-color:           #4d99ff;
  --rad-empty-suggestion-bg:        rgba(77,153,255,0.08);
  --rad-empty-suggestion-border:    rgba(77,153,255,0.2);
  --rad-empty-suggestion-color:     #4d99ff;
  --rad-empty-suggestion-hover-bg:  rgba(77,153,255,0.14);
  --rad-empty-suggestion-hover-border: rgba(77,153,255,0.35);
  --rad-env-color:                  #4ade80;
  --rad-env-bar-bg:                 rgba(77,153,255,0.1);
  --rad-env-bar-ok:                 #4ade80;
  --rad-env-bar-warn:               #fbbf24;
  --rad-env-metric-bg:              rgba(74,222,128,0.07);
  --rad-env-metric-value-color:     #edf2fc;
  --rad-env-metric-unit-color:      #6b7fa0;
  --rad-env-metric-eq-color:        #6b7fa0;
  --rad-env-note-bg:                rgba(77,153,255,0.04);
  --rad-env-session-context-color:  #9aacca;
  --rad-env-warning-border:         #fbbf24;
  --rad-env-warning-emphasis:       #fbbf24;
  --rad-error-body-color:           #9aacca;
  --rad-error-body-strong:          #edf2fc;
  --rad-error-timeout-color:        #f87171;
  --rad-error-timeout-border:       rgba(248,113,113,0.28);
  --rad-error-refusal-color:        #a78bfa;
  --rad-error-refusal-border:       rgba(167,139,250,0.22);
  --rad-error-hallucination-color:  #fbbf24;
  --rad-error-hallucination-border: rgba(251,191,36,0.28);
  --rad-error-ratelimit-color:      #6b7fa0;
  --rad-error-ratelimit-border:     rgba(77,153,255,0.15);
  --rad-feedback-btn-border:        rgba(77,153,255,0.18);
  --rad-feedback-btn-hover-bg:      rgba(77,153,255,0.07);
  --rad-feedback-divider:           rgba(77,153,255,0.1);
  --rad-feedback-pressed-bg:        rgba(77,153,255,0.12);
  --rad-feedback-pressed-border:    rgba(77,153,255,0.35);
  --rad-impact-bar-bg:              rgba(77,153,255,0.1);
  --rad-impact-high:                #f87171;
  --rad-impact-med:                 #fbbf24;
  --rad-impact-low:                 #4ade80;
  --rad-impact-header-color:        #a78bfa;
  --rad-impact-row-divider:         rgba(77,153,255,0.07);
  --rad-nudge-color:                #9aacca;
  --rad-nudge-default-border:       rgba(77,153,255,0.14);
  --rad-nudge-meta-pill-bg:         rgba(77,153,255,0.08);
  --rad-nudge-opt-bg:               rgba(77,153,255,0.08);
  --rad-popover-border:             rgba(77,153,255,0.22);
  --rad-popover-footer-divider:     rgba(77,153,255,0.1);
  --rad-progress-track-bg:          rgba(77,153,255,0.1);
  --rad-prompt-border:              rgba(77,153,255,0.2);
  --rad-prompt-focus-border:        rgba(77,153,255,0.6);
  --rad-prompt-footer-divider:      rgba(77,153,255,0.1);
  --rad-prompt-context-bar-bg:      rgba(77,153,255,0.06);
  --rad-recovery-color:             #f87171;
  --rad-recovery-border:            rgba(248,113,113,0.28);
  --rad-recovery-history-bg:        rgba(77,153,255,0.05);
  --rad-scope-gate-color:           #fbbf24;
  --rad-scope-gate-border:          rgba(251,191,36,0.32);
  --rad-scope-gate-requested-bg:    rgba(251,191,36,0.07);
  --rad-session-divider:            rgba(77,153,255,0.1);
  --rad-session-tag-bg:             rgba(77,153,255,0.1);
  --rad-session-item-active-color:  #edf2fc;
  --rad-session-item-truncated-color: #6b7fa0;
  --rad-session-context-track-bg:   rgba(77,153,255,0.1);
  --rad-session-context-bar-start:  #4d99ff;
  --rad-session-context-bar-end:    #a78bfa;
  --rad-session-context-usage-color: #a78bfa;
  --rad-skeleton-base:              #162848;
  --rad-skeleton-shimmer:           #1e3560;
  --rad-stream-btn-border:          rgba(77,153,255,0.2);
  --rad-stream-btn-hover-bg:        rgba(77,153,255,0.08);
  --rad-stream-controls-divider:    rgba(77,153,255,0.1);
  --rad-stream-stop-hover-bg:       rgba(248,113,113,0.12);
  --rad-threshold-color:            #f87171;
  --rad-threshold-border:           rgba(248,113,113,0.25);
  --rad-threshold-header-bg:        rgba(248,113,113,0.07);
  --rad-threshold-header-border:    rgba(248,113,113,0.16);
  --rad-threshold-track-bg:         rgba(77,153,255,0.1);
  --rad-threshold-marker-color:     #9aacca;
  --rad-threshold-config-color:     #6b7fa0;
  --rad-token-pipeline-bg:          rgba(77,153,255,0.1);
  --rad-token-pipeline-border:      rgba(77,153,255,0.25);
  --rad-token-pipeline-color:       #4d99ff;
  --rad-token-doc-bg:               rgba(167,139,250,0.08);
  --rad-token-doc-border:           rgba(167,139,250,0.2);
  --rad-token-doc-color:            #a78bfa;
  --rad-trigger-context-bg:         rgba(77,153,255,0.04);
  --rad-trigger-scope-diff-bg:      rgba(77,153,255,0.04);
  --rad-trigger-approved-color:     #4ade80;
  --rad-trigger-blocked-color:      #f87171;
  --rad-trigger-anomaly-color:      #a78bfa;
  --rad-trigger-fork-color:         #fbbf24;
  --rad-trigger-scope-color:        #f87171;
  --rad-trigger-value-ok:           #4ade80;
  --rad-trigger-value-alert:        #a78bfa;
  --rad-agent-state-border:         rgba(77,153,255,0.22);
  --rad-agent-state-next-border:    rgba(77,153,255,0.12);
  --rad-btn-eco-bg:                 rgba(74,222,128,0.08);
  --rad-btn-eco-color:              #4ade80;
  --rad-btn-upgrade-color:          #a78bfa;
}
/* Theme: Fidelity — white, signature forest green, conservative financial */
.rad-preview.theme-fidelity {
  background: #f5f4ef;
  border-radius: 4px;
  padding: 32px 28px;
  border: 1px solid rgba(0,103,74,0.14);
  color: #1a1a1a;
  --mono: 'Poppins', sans-serif;
  --sans: 'Poppins', sans-serif;
  --serif: 'Poppins', sans-serif;
  --rad-surface-card:               #ffffff;
  --rad-border-subtle:              rgba(0,103,74,0.1);
  --rad-color-text-primary:         #111111;
  --rad-color-text-secondary:       #333333;
  --rad-color-text-meta:            #666666;
  --rad-color-emphasis:             #004d30;
  --rad-color-approve:              #00674a;
  --rad-color-approve-hover:        #004d38;
  --rad-color-reject:               #b91c1c;
  --rad-color-reject-hover-bg:      rgba(185,28,28,0.05);
  --rad-color-focus:                #00674a;
  --rad-radius-card:                3px;
  --rad-radius-btn:                 3px;
  --rad-radius-chip:                3px;
  --rad-hitl-scope-bg:              rgba(0,103,74,0.04);
  --rad-hitl-defer-color:           #555555;
  --rad-hitl-defer-border:          rgba(0,0,0,0.14);
  --rad-hitl-defer-hover-color:     #222222;
  --rad-hitl-defer-hover-border:    rgba(0,0,0,0.28);
  --rad-audit-head-bg:              rgba(0,103,74,0.06);
  --rad-audit-head-border:          rgba(0,103,74,0.2);
  --rad-audit-row-divider:          rgba(0,0,0,0.05);
  --rad-audit-status-ok:            #00674a;
  --rad-audit-status-warn:          #92400e;
  --rad-audit-status-blocked:       #b91c1c;
  --rad-audit-type-read-bg:         rgba(0,103,74,0.07);
  --rad-audit-type-write-bg:        rgba(146,64,14,0.07);
  --rad-audit-type-write-color:     #92400e;
  --rad-audit-type-blocked-bg:      rgba(185,28,28,0.06);
  --rad-audit-type-blocked-color:   #b91c1c;
  --rad-bias-bg:                    rgba(146,64,14,0.05);
  --rad-bias-border:                rgba(146,64,14,0.28);
  --rad-bias-title-color:           #92400e;
  --rad-confidence-high-color:      #00674a;
  --rad-confidence-high-border:     rgba(0,103,74,0.22);
  --rad-confidence-low-color:       #b91c1c;
  --rad-confidence-low-border:      rgba(185,28,28,0.22);
  --rad-confidence-note-color:      #444444;
  --rad-confidence-track-bg:        rgba(0,0,0,0.07);
  --rad-disclosure-warn-bg:         rgba(146,64,14,0.04);
  --rad-disclosure-warn-border:     rgba(146,64,14,0.3);
  --rad-empty-surface:              #ffffff;
  --rad-empty-border:               rgba(0,103,74,0.12);
  --rad-empty-icon-bg:              rgba(0,103,74,0.07);
  --rad-empty-icon-border:          rgba(0,103,74,0.2);
  --rad-empty-icon-color:           #00674a;
  --rad-empty-suggestion-bg:        rgba(0,103,74,0.05);
  --rad-empty-suggestion-border:    rgba(0,103,74,0.18);
  --rad-empty-suggestion-color:     #00674a;
  --rad-empty-suggestion-hover-bg:  rgba(0,103,74,0.1);
  --rad-empty-suggestion-hover-border: rgba(0,103,74,0.3);
  --rad-env-color:                  #00674a;
  --rad-env-bar-bg:                 rgba(0,0,0,0.07);
  --rad-env-bar-ok:                 #00674a;
  --rad-env-bar-warn:               #92400e;
  --rad-env-metric-bg:              rgba(0,103,74,0.05);
  --rad-env-metric-value-color:     #111111;
  --rad-env-metric-unit-color:      #666666;
  --rad-env-metric-eq-color:        #666666;
  --rad-env-note-bg:                rgba(0,0,0,0.03);
  --rad-env-session-context-color:  #444444;
  --rad-env-warning-border:         #92400e;
  --rad-env-warning-emphasis:       #92400e;
  --rad-error-body-color:           #333333;
  --rad-error-body-strong:          #111111;
  --rad-error-timeout-color:        #b91c1c;
  --rad-error-timeout-border:       rgba(185,28,28,0.25);
  --rad-error-refusal-color:        #5b21b6;
  --rad-error-refusal-border:       rgba(91,33,182,0.2);
  --rad-error-hallucination-color:  #92400e;
  --rad-error-hallucination-border: rgba(146,64,14,0.28);
  --rad-error-ratelimit-color:      #666666;
  --rad-error-ratelimit-border:     rgba(0,0,0,0.1);
  --rad-feedback-btn-border:        rgba(0,0,0,0.12);
  --rad-feedback-btn-hover-bg:      rgba(0,103,74,0.05);
  --rad-feedback-divider:           rgba(0,0,0,0.07);
  --rad-feedback-pressed-bg:        rgba(0,103,74,0.08);
  --rad-feedback-pressed-border:    rgba(0,103,74,0.28);
  --rad-impact-bar-bg:              rgba(0,0,0,0.07);
  --rad-impact-high:                #b91c1c;
  --rad-impact-med:                 #92400e;
  --rad-impact-low:                 #00674a;
  --rad-impact-header-color:        #5b21b6;
  --rad-impact-row-divider:         rgba(0,0,0,0.05);
  --rad-nudge-color:                #333333;
  --rad-nudge-default-border:       rgba(0,0,0,0.1);
  --rad-nudge-meta-pill-bg:         rgba(0,0,0,0.05);
  --rad-nudge-opt-bg:               rgba(0,103,74,0.05);
  --rad-popover-border:             rgba(0,0,0,0.12);
  --rad-popover-footer-divider:     rgba(0,0,0,0.07);
  --rad-progress-track-bg:          rgba(0,0,0,0.07);
  --rad-prompt-border:              rgba(0,0,0,0.12);
  --rad-prompt-focus-border:        rgba(0,103,74,0.45);
  --rad-prompt-footer-divider:      rgba(0,0,0,0.07);
  --rad-prompt-context-bar-bg:      rgba(0,103,74,0.04);
  --rad-recovery-color:             #b91c1c;
  --rad-recovery-border:            rgba(185,28,28,0.28);
  --rad-recovery-history-bg:        rgba(0,0,0,0.03);
  --rad-scope-gate-color:           #92400e;
  --rad-scope-gate-border:          rgba(146,64,14,0.32);
  --rad-scope-gate-requested-bg:    rgba(146,64,14,0.05);
  --rad-session-divider:            rgba(0,0,0,0.07);
  --rad-session-tag-bg:             rgba(0,103,74,0.06);
  --rad-session-item-active-color:  #111111;
  --rad-session-item-truncated-color: #666666;
  --rad-session-context-track-bg:   rgba(0,0,0,0.07);
  --rad-session-context-bar-start:  #00674a;
  --rad-session-context-bar-end:    #b91c1c;
  --rad-session-context-usage-color: #92400e;
  --rad-skeleton-base:              #eef0ee;
  --rad-skeleton-shimmer:           #e5e8e5;
  --rad-stream-btn-border:          rgba(0,0,0,0.12);
  --rad-stream-btn-hover-bg:        rgba(0,103,74,0.05);
  --rad-stream-controls-divider:    rgba(0,0,0,0.07);
  --rad-stream-stop-hover-bg:       rgba(185,28,28,0.07);
  --rad-threshold-color:            #b91c1c;
  --rad-threshold-border:           rgba(185,28,28,0.25);
  --rad-threshold-header-bg:        rgba(185,28,28,0.05);
  --rad-threshold-header-border:    rgba(185,28,28,0.14);
  --rad-threshold-track-bg:         rgba(0,0,0,0.07);
  --rad-threshold-marker-color:     #333333;
  --rad-threshold-config-color:     #666666;
  --rad-token-pipeline-bg:          rgba(0,103,74,0.07);
  --rad-token-pipeline-border:      rgba(0,103,74,0.2);
  --rad-token-pipeline-color:       #00674a;
  --rad-token-doc-bg:               rgba(91,33,182,0.06);
  --rad-token-doc-border:           rgba(91,33,182,0.18);
  --rad-token-doc-color:            #5b21b6;
  --rad-trigger-context-bg:         rgba(0,0,0,0.02);
  --rad-trigger-scope-diff-bg:      rgba(0,0,0,0.02);
  --rad-trigger-approved-color:     #00674a;
  --rad-trigger-blocked-color:      #b91c1c;
  --rad-trigger-anomaly-color:      #5b21b6;
  --rad-trigger-fork-color:         #92400e;
  --rad-trigger-scope-color:        #b91c1c;
  --rad-trigger-value-ok:           #00674a;
  --rad-trigger-value-alert:        #5b21b6;
  --rad-agent-state-border:         rgba(0,103,74,0.2);
  --rad-agent-state-next-border:    rgba(0,103,74,0.1);
  --rad-btn-eco-bg:                 rgba(0,103,74,0.07);
  --rad-btn-eco-color:              #00674a;
  --rad-btn-upgrade-color:          #5b21b6;
}

/* ── Light mode: theme picker ─────────────────────────────────────────────── */
[data-theme="light"] .comp-theme-btn { color: var(--cream); border-color: rgba(0,0,0,0.15); background: rgba(0,0,0,0.04); }
[data-theme="light"] .comp-theme-dropdown { background: #f0ece7; border-color: rgba(0,0,0,0.12); }
[data-theme="light"] .comp-theme-group-label { color: rgba(0,0,0,0.35); border-top-color: rgba(0,0,0,0.08); }
[data-theme="light"] .comp-theme-option:hover { background: rgba(0,0,0,0.04); }
[data-theme="light"] .comp-theme-option.is-active { background: rgba(0,0,0,0.06); }
[data-theme="light"] .comp-theme-name { color: #132030; }