:root,
:root[data-theme="terminal-orange"] {
  color-scheme: dark;
  --rh-canvas: #000000;
  --rh-bg: #020607;
  --rh-bg-elevated: #050a0c;
  --rh-surface: #071012;
  --rh-surface-2: #0a1416;
  --rh-surface-3: #10191b;
  --rh-line: rgba(255, 106, 0, 0.62);
  --rh-line-strong: #ff6a00;
  --rh-line-muted: rgba(255, 106, 0, 0.28);
  --rh-divider: rgba(255, 106, 0, 0.18);
  --rh-chart-grid-line: rgba(111, 84, 53, 0.18);
  --rh-text: #d8d2c9;
  --rh-text-strong: #fff1df;
  --rh-muted: #918a82;
  --rh-muted-2: #5f5a53;
  --rh-accent: #ff7a00;
  --rh-accent-2: #ff9d00;
  --rh-warning: #ff9d00;
  --rh-info: #00a6c8;
  --rh-focus: #ffb000;
  --rh-on-accent: #120804;
  --rh-backdrop: rgba(0, 0, 0, 0.72);
  --rh-shadow-panel: none;
  --rh-shadow-glow: 0 0 18px rgba(255, 106, 0, 0.08);
  --rh-financial-positive: #57d33b;
  --rh-financial-negative: #ff3b30;
  --rh-financial-neutral: #9d9890;
  --rh-state-success: #57d33b;
  --rh-state-danger: #ff3b30;
  --rh-state-warning: #ff9f0a;
  --rh-state-info: #24b8ff;
  --rh-state-muted: #6d6961;
  --rh-workstation-panel-bg: color-mix(in srgb, var(--rh-surface) 88%, transparent);
  --rh-workstation-panel-border: var(--rh-line-strong);
  --rh-workstation-divider: var(--rh-divider);
  --rh-cli-meter-empty: color-mix(in srgb, var(--rh-divider) 78%, transparent);
  --rh-cli-meter-fill: var(--rh-accent);
  --rh-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --rh-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --rh-space-1: 4px;
  --rh-space-2: 8px;
  --rh-space-3: 12px;
  --rh-space-4: 16px;
  --rh-space-5: 24px;
  --rh-space-6: 32px;
  --rh-radius-1: 2px;
  --rh-radius-2: 4px;
  --rh-radius-3: 6px;
  --rh-header-height: 44px;
  --rh-header-tablet-height: 98px;
  --rh-header-mobile-height: 228px;
  --rh-commandbar-height: 36px;
  --rh-footer-height: 30px;
  --rh-page-max: 1920px;
  --rh-workarea-gutter: 8px;
  --rh-workarea-height: calc(
    100vh - var(--rh-header-height) - var(--rh-footer-height) - (var(--rh-workarea-gutter) * 2 + 4px)
  );
}

@supports (height: 100dvh) {
  :root,
  :root[data-theme="terminal-orange"] {
    --rh-workarea-height: calc(
      100dvh - var(--rh-header-height) - var(--rh-footer-height) - (var(--rh-workarea-gutter) * 2 + 4px)
    );
  }
}