/* 
   THEME: OPTICAL MICRO PRESS
   Deterministically applied via [data-theme="micropress"]
*/

:root[data-theme="micropress"] {
  --bg-app: #000000;
  --bg-panel: #ffffff;
  --bg-inset: #f0f0f0;
  --code-block-bg: #fff1e8;
  
  --border-color: #000000;
  --border-width: 2.5px;
  
  --fg-primary: #000000;
  --fg-secondary: #111111;
  --fg-muted: #666666;
  
  --accent: #ff3c00; 
  
  --status-ok: #00ff41;
  --status-warn: #ffcc00;
  --status-error: #ff0000;

  --table-header-bg: #000000;
  --table-header-fg: #ffffff;
  --table-row-primary-bg: #ffffff;
  --table-row-secondary-bg: #f0f0f0;
  
  --app-gap: 3px;
  --texture-opacity: 0.08;
}

.theme-micropress .tab-item {
  font-weight: 900;
  background: #e0e0e0;
  border-right: var(--border-width) solid var(--border-color);
}

.theme-micropress .tab-item.active {
  background: var(--accent);
  color: white;
  border-bottom: none;
}

.theme-micropress .rail-btn.is-active {
  background: var(--accent);
  color: white;
}

.theme-micropress .status-bar {
  background: #000000;
  color: #f5f5f5;
}

.theme-micropress .status-text-bold {
  color: var(--accent);
}

.theme-micropress .badge-unsaved {
  background: var(--accent);
  color: white;
  border: 1px solid black;
}

.theme-micropress .view-toolbar {
  position: absolute;
  top: 8px;
  right: 8px;
  height: auto;
  width: auto;
  padding: 6px;
  border: var(--border-width) solid var(--border-color);
  background: var(--bg-panel);
  z-index: 60;
}

.theme-micropress .view-toolbar-group {
  gap: 4px;
}

.theme-micropress .markdown-body h1 { 
  border-bottom: 5px solid var(--border-color); 
  text-transform: uppercase; 
  font-weight: 900; 
}

.theme-micropress .project-create-modal {
  background: repeating-linear-gradient(
      135deg,
      rgba(255, 60, 0, 0.18),
      rgba(255, 60, 0, 0.18) 12px,
      rgba(0, 0, 0, 0.7) 12px,
      rgba(0, 0, 0, 0.7) 24px
    );
}

.theme-micropress .theme-selector-modal {
  background: repeating-linear-gradient(
      135deg,
      rgba(255, 60, 0, 0.18),
      rgba(255, 60, 0, 0.18) 12px,
      rgba(0, 0, 0, 0.7) 12px,
      rgba(0, 0, 0, 0.7) 24px
    );
}

.theme-micropress .project-create-modal-surface {
  background: #ffffff;
  border: 3px solid #000000;
  box-shadow: 12px 12px 0 #000000;
}

.theme-micropress .theme-selector-modal-surface {
  background: #ffffff;
  border: 3px solid #000000;
  box-shadow: 12px 12px 0 #000000;
}

.theme-micropress .project-create-modal-header {
  background: #000000;
  color: #ffffff;
  border-bottom: 3px solid var(--accent);
}

.theme-micropress .theme-selector-modal-header {
  background: #000000;
  color: #ffffff;
  border-bottom: 3px solid var(--accent);
}

.theme-micropress .project-create-close {
  background: var(--accent);
  color: #ffffff;
  border-color: #000000;
  box-shadow: 0 0 0 2px #000000;
}

.theme-micropress .theme-selector-close {
  background: var(--accent);
  color: #ffffff;
  border-color: #000000;
  box-shadow: 0 0 0 2px #000000;
}

.theme-micropress .project-input {
  background: #ffffff;
  border-color: #000000;
}