:root {
  --pcmo-bg: #0B1320;
  --pcmo-bg-2: #101820;
  --pcmo-bg-3: #1A1F26;
  --pcmo-panel: rgba(26, 31, 38, 0.84);
  --pcmo-panel-strong: rgba(26, 31, 38, 0.96);
  --pcmo-cyan: #FF8A00;
  --pcmo-blue: #c45300;
  --pcmo-green: #FF8A00;
  --pcmo-pink: #c45300;
  --pcmo-amber: #FF8A00;
  --pcmo-text: #F2F4F7;
  --pcmo-muted: #88949E;
  --pcmo-line: rgba(255, 138, 0, 0.34);
  --pcmo-line-soft: rgba(136, 148, 158, 0.2);
  --pcmo-shadow: 0 18px 46px rgba(11, 19, 32, 0.32);
  --pcmo-glow: rgba(255, 138, 0, 0.28);
  --pcmo-glow-soft: rgba(255, 138, 0, 0.12);
  --accent: var(--pcmo-cyan);
  --surface-3: rgba(255, 138, 0, 0.1);
  --agent-choice-accent: var(--pcmo-cyan);
  --stage-glow: var(--pcmo-cyan);
  --modal-accent: var(--pcmo-cyan);
}

body[data-theme="dark"] {
  color: var(--pcmo-text);
  background:
    radial-gradient(circle at 18% 2%, rgba(255, 138, 0, 0.18), transparent 30%),
    radial-gradient(circle at 90% 6%, rgba(196, 83, 0, 0.16), transparent 28%),
    linear-gradient(180deg, #0B1320 0%, #101820 50%, #1A1F26 100%);
}

body[data-theme="dark"]::before {
  background-image:
    linear-gradient(rgba(255, 138, 0, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 138, 0, 0.055) 1px, transparent 1px);
}

body[data-theme="dark"]::after {
  background: linear-gradient(120deg, transparent 0%, rgba(255, 138, 0, 0.08) 46%, transparent 58%);
}

body[data-theme="dark"] .pcmo-dashboard,
body[data-theme="dark"] .app-shell,
body[data-theme="dark"] .peerless-library,
body[data-theme="dark"] .peerless-projects,
body[data-theme="dark"] .peerless-project,
body[data-theme="dark"] .peerless-organizations,
body[data-theme="dark"] .peerless-messenger,
body[data-theme="dark"] .peerless-studio,
body[data-theme="dark"] .peerless-search,
body[data-theme="dark"] .peerless-workflow,
body[data-theme="dark"] .peerless-workflows,
body[data-theme="dark"] .peerless-publisher,
body[data-theme="dark"] .peerless-revenue,
body[data-theme="dark"] .peerless-observatory,
body[data-theme="dark"] .peerless-about,
body[data-theme="dark"] .peerless-careers,
body[data-theme="dark"] .peerless-contact,
body[data-theme="dark"] .peerless-product {
  color: var(--pcmo-text);
}

.pcmo-topbar,
.pcmo-panel,
.pcmo-card,
.pcmo-table,
.pcmo-feed,
.pcmo-sidebar,
.pcmo-console,
.pcmo-proof-card,
.pcmo-module,
.pcmo-cta,
.app-shell,
.topbar,
.sidebar,
.agent-card,
.agent-picker,
.project-switcher,
.global-search,
.nav-item,
.workspace-item,
.thread-item,
.interaction-surface,
.angle-card,
.message-body,
.angle-lane,
.artifact-card,
.canvas-node,
.inspector,
.composer,
.command-menu,
.toast,
.peerless-careers-panel,
.peerless-careers-card,
.peerless-job,
.peerless-careers-cta,
.peerless-contact-panel,
.peerless-contact-card,
.peerless-contact-form,
.peerless-about .peerless-team-signal,
.peerless-team-bio-panel,
.peerless-person,
.peerless-product-console,
.peerless-product-card,
.peerless-product-step,
.peerless-library-modal,
.peerless-library-drawer,
.peerless-strategy-card,
.peerless-upload-card,
.peerless-asset-card,
.peerless-insight,
.peerless-upload-dropzone,
.peerless-project-card,
.peerless-project-drawer,
.peerless-organization-card,
.peerless-messenger-card,
.peerless-message-card,
.peerless-workflow-card,
.peerless-workflow-node,
.peerless-publisher-card,
.peerless-revenue-card,
.peerless-observatory-card,
.studio-stage,
.studio-panel,
.studio-modal,
.search-orb,
.search-result,
.audit-card,
.settings-card,
.profile-card,
.admin-card,
.onboarding-card {
  border-color: var(--pcmo-line);
  background: linear-gradient(145deg, var(--pcmo-panel-strong), var(--pcmo-panel));
  box-shadow: var(--pcmo-shadow);
}

.pcmo-mark,
.pcmo-auth-signup,
.pcmo-btn-primary,
.pcmo-action,
.pcmo-project-select,
.pcmo-nav a.active,
.pcmo-nav a:hover,
.pcmo-pill,
.primary-btn,
.pill-btn:hover,
.icon-btn:hover,
.nav-item.active,
.nav-item:hover,
.agent-choice.active,
.agent-choice:hover,
.status-chip.success,
.project-dot,
.message-avatar,
.agent-avatar,
.agent-choice-avatar,
.peerless-filter.active,
.peerless-filter:hover,
.peerless-campaign-insert,
.peerless-upload-submit,
.peerless-enhance-button,
.peerless-rec.active,
.peerless-rec:hover,
.peerless-submit,
.peerless-create-button,
.peerless-save-button,
.organization-avatar,
.studio-stage.active,
.workflow-node.active {
  border-color: var(--pcmo-line);
  background: linear-gradient(135deg, rgba(255, 138, 0, 0.94), rgba(196, 83, 0, 0.9));
  color: #0B1320;
}

.pcmo-auth-login,
.pcmo-btn-secondary,
.ghost-btn,
.icon-btn,
.pill-btn,
.mini-chip,
.status-chip,
.source-chip,
.shortcut-hint,
.peerless-contact-route,
.peerless-tag,
.peerless-chip,
.organization-filter,
.project-filter {
  border-color: var(--pcmo-line-soft);
  background: rgba(255, 138, 0, 0.08);
  color: var(--pcmo-text);
}

.pcmo-mark::before,
.brand-mark::before {
  border-color: #FF8A00;
  border-left-color: #c45300;
}

.pcmo-hero h1 span,
.pcmo-login h1 span,
.pcmo-value,
.brand-text strong,
.current-agent-name,
.message-meta strong,
.artifact-header strong,
.node-title,
.metric-value,
.card-title,
.panel-title,
.peerless-page-title span,
.peerless-stat-value,
.peerless-project-title,
.organization-name,
.studio-title,
.search-title {
  color: var(--pcmo-text);
  -webkit-text-stroke-color: rgba(255, 138, 0, 0.76);
  text-shadow: 0 0 28px var(--pcmo-glow);
}

.pcmo-eyebrow,
.pcmo-links a:hover,
.pcmo-nav a i,
.pcmo-card b,
.pcmo-module small,
.pcmo-console-top,
.pcmo-delta,
.brand-text span,
.nav-item span,
.section-title,
.thread-meta,
.message-meta,
.artifact-header,
.node-head,
.status-chip.warning,
.source-chip,
.peerless-contact-route strong,
.peerless-contact-route:hover strong,
.peerless-asset-placeholder,
.peerless-upload-icon,
.peerless-link,
.peerless-meta strong,
.organization-meta,
.project-meta,
.studio-kicker,
.search-kicker {
  color: #FF8A00;
}

.pcmo-eyebrow::before,
.pcmo-orbit,
.pcmo-signal,
.pcmo-card::before,
.pcmo-funnel-bar,
.peerless-funnel-bar,
.workflow-edge,
.progress-bar,
.metric-bar,
.revenue-bar {
  background: #FF8A00;
  box-shadow: 0 0 14px rgba(255, 138, 0, 0.45);
}

.pcmo-muted,
.pcmo-lede,
.pcmo-section-head p,
.pcmo-links a,
.pcmo-card p,
.pcmo-module p,
.pcmo-proof-card span,
.workspace-item,
.thread-item,
.artifact-preview,
.node-body,
.message-body p,
.peerless-contact-copy,
.peerless-careers-copy,
.peerless-about-copy,
.peerless-product-copy,
.peerless-product-card p,
.peerless-product-step p,
.peerless-asset-meta,
.peerless-insight small,
.peerless-rec small,
.peerless-meta,
.project-description,
.organization-description,
.studio-copy,
.search-summary {
  color: var(--pcmo-muted);
}

input,
select,
textarea,
.peerless-enhance-box textarea,
.global-search,
.composer textarea,
.command-input {
  color: var(--pcmo-text);
  border-color: var(--pcmo-line-soft);
  background: rgba(11, 19, 32, 0.74);
}

input:focus,
select:focus,
textarea:focus,
.peerless-enhance-box textarea:focus,
.global-search:focus-within,
.composer:focus-within,
.command-input:focus {
  border-color: #FF8A00;
  box-shadow: 0 0 0 3px rgba(255, 138, 0, 0.16);
  outline: none;
}

.pcmo-auth-login:hover,
.pcmo-btn-secondary:hover,
.ghost-btn:hover,
.pill-btn:hover,
.icon-btn:hover,
.mini-chip:hover,
.peerless-contact-route:hover,
.organization-filter:hover,
.project-filter:hover {
  border-color: var(--pcmo-line);
  background: rgba(255, 138, 0, 0.14);
  color: #FF8A00;
  box-shadow: 0 12px 28px var(--pcmo-glow-soft);
}

.pcmo-core,
.peerless-product-core,
.brand-mark,
.search-orb,
.studio-orb {
  border-color: rgba(255, 138, 0, 0.58);
  background: radial-gradient(circle, rgba(255, 138, 0, 0.22), rgba(11, 19, 32, 0.82) 70%);
  box-shadow: 0 0 42px var(--pcmo-glow), inset 0 0 28px var(--pcmo-glow-soft);
}

.pcmo-console,
.interaction-surface,
.canvas-board,
.studio-canvas,
.search-canvas {
  background:
    linear-gradient(180deg, rgba(255, 138, 0, 0.08), transparent 28%),
    radial-gradient(circle at 50% 50%, rgba(196, 83, 0, 0.14), transparent 36%),
    rgba(11, 19, 32, 0.62);
}

.status-chip.warning,
.peerless-warning,
.audit-warning {
  border-color: rgba(255, 138, 0, 0.42);
  background: rgba(255, 138, 0, 0.12);
}

.status-chip.error,
.peerless-error,
.audit-error {
  border-color: rgba(196, 83, 0, 0.46);
  background: rgba(196, 83, 0, 0.14);
  color: #ffb066;
}

::selection {
  background: rgba(255, 138, 0, 0.32);
  color: var(--pcmo-text);
}