/* --- Mastodon Green Phosphor Terminal Theme --- */

/* 1. Load the Custom Font Asset */
@font-face {
  font-family: 'PR Number 3';
  src: url('https://kaijuu.online/system/PRNumber3.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --terminal-green: #00FF00;
  --terminal-green-dim: #11aa11;
  --terminal-green-glow: rgba(51, 255, 51, 0.2);
  --terminal-bg: #1C1C1C;
  --terminal-bg-card: #061406;
  --terminal-border: #00FF00;
}

/* Base Body and Text Styles */
body, .ui, .wrapper, .columns-area, .column, .drawer__header, .scrollable {
  background-color: var(--terminal-bg) !important;
  color: var(--terminal-green) !important;
  font-family: 'PR Number 3', 'Courier New', Courier, monospace !important;
  text-shadow: 0 0 4px var(--terminal-green-glow);
}

/* Structural Components & Columns */
.column-header, .column-header__button, .search__input, .search, .navigation-bar {
  background-color: var(--terminal-bg) !important;
  color: var(--terminal-green) !important;
  border: 1px solid var(--terminal-border) !important;
  font-family: 'PR Number 3', 'Courier New', Courier, monospace !important;
}

/* Toots, Statuses, and Cards */
.status, .detailed-status, .detailed-status__action-bar, .notification {
  background-color: var(--terminal-bg-card) !important;
  border-bottom: 1px dashed var(--terminal-border) !important;
  color: var(--terminal-green) !important;
}

/* Links & Interactive Elements */
a, .status__display-name strong, .account__display-name strong, .icon-button {
  color: var(--terminal-green) !important;
}

a:hover, .icon-button:hover {
  text-decoration: underline !important;
  text-shadow: 0 0 8px var(--terminal-green) !important;
}

/* Inputs, Buttons & Forms */
.compose-form__autosuggest-wrapper, .compose-form__textarea, .reply-indicator__content {
  background-color: var(--terminal-bg) !important;
  color: var(--terminal-green) !important;
  border: 1px solid var(--terminal-green) !important;
  font-family: 'PR Number 3', 'Courier New', Courier, monospace !important;
}

.button, button.logo-button {
  background-color: transparent !important;
  color: var(--terminal-green) !important;
  border: 1px solid var(--terminal-green) !important;
  text-transform: uppercase;
  font-family: 'PR Number 3', 'Courier New', Courier, monospace !important;
}

.button:hover {
  background-color: var(--terminal-green) !important;
  color: var(--terminal-bg) !important;
  box-shadow: 0 0 10px var(--terminal-green);
}

/* CRT Scanline Overlay Simulation */
/* body::after { */
/*   content: " "; */
/*   display: block; */
/*   position: fixed; */
/*   top: 0; left: 0; bottom: 0; right: 0; */
/*   background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
/*   z-index: 99999; */
/*   background-size: 100% 4px, 6px 100%; */
/*   pointer-events: none; */
/* }  */