/* ============================================================
   THEME: REBEL (STATIC FLUX) — "Blueprint Anarchy"
   Technical drawings, mission control, industrial design.
   High-contrast charcoal + neon green/blue with sharp
   lines and a glitchy, urgent feel.
   ============================================================ */

[data-theme="rebel"] {
  /* Colors */
  --bg: #0e0e0f;
  --surface: #0e0e0f;
  --surface-container-low: #131314;
  --surface-container-high: #1f1f21;
  --primary: #81ecff;
  --primary-dim: #00d4ec;
  --on-surface: #ffffff;
  --on-surface-variant: #acaaab;
  --on-primary: #005762;
  --accent: #f3ffca;
  --accent-secondary: #474746;
  --outline-variant: #484849;
  --outline: #767576;

  /* Typography */
  --font-headline: 'Sedgwick Ave', cursive;
  --font-body: 'Space Grotesk', sans-serif;
  --font-label: 'Space Grotesk', sans-serif;
  --font-signature: 'Sedgwick Ave', cursive;

  /* Shape */
  --radius: 0px;

  /* Decorative */
  --texture-opacity: 0;
  --grain-opacity: 0.04;
  --glow-opacity: 0;
}

/* Dark base */
[data-theme="rebel"] body {
  background-color: #0e0e0f;
  background-image: radial-gradient(circle at 50% 50%, #131314 0%, #0e0e0f 100%);
}

[data-theme="rebel"] .site-header {
  background: #0e0e0f;
}

/* Title in Sedgwick Ave — cyan accent */
[data-theme="rebel"] .site-title {
  font-family: 'Sedgwick Ave', cursive;
  font-weight: 400;
  color: #81ecff;
  letter-spacing: -0.02em;
  font-size: clamp(1.25rem, 3vw, 2rem);
}

/* Tag label — lime-green wheat-paste tag */
[data-theme="rebel"] .content-label {
  font-family: 'Space Grotesk', sans-serif;
  display: inline-block;
  background: #f3ffca;
  color: #333;
  padding: 0.25rem 0.75rem;
  font-weight: 700;
  letter-spacing: 0.15em;
  font-size: 0.6875rem;
  opacity: 1;
  transform: rotate(-1deg);
}

/* Neon-blue glowing quote */
[data-theme="rebel"] .content-quote {
  font-family: 'Sedgwick Ave', cursive;
  font-weight: 400;
  color: #81ecff;
  filter: drop-shadow(0 0 15px rgba(129, 236, 255, 0.4));
  line-height: 1.1;
  letter-spacing: 0;
}

/* Content footer */
[data-theme="rebel"] .content-footer-line {
  background: #81ecff;
  opacity: 0.3;
}

[data-theme="rebel"] .content-footer-text {
  color: #acaaab;
}

/* Footer */
[data-theme="rebel"] .footer-text {
  color: #484849;
}

/* Dropdown — styled like Urban Canvas reference */
[data-theme="rebel"] .theme-selector {
  background-color: #262627;
  color: #81ecff;
  border: 1px solid #81ecff;
  font-family: 'Sedgwick Ave', cursive;
  font-size: 0.875rem;
  letter-spacing: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2381ecff' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 6.646a.5.5 0 0 1 .708 0L8 9.293l2.646-2.647a.5.5 0 1 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

[data-theme="rebel"] .theme-selector:hover {
  background-color: #1f1f21;
  border-color: #81ecff;
}

[data-theme="rebel"] .theme-selector:focus-visible {
  border-color: #81ecff;
  box-shadow: 0 0 0 2px rgba(129, 236, 255, 0.2);
}

[data-theme="rebel"] .theme-selector-label {
  color: #81ecff;
  font-family: 'Sedgwick Ave', cursive;
  font-size: 0.875rem;
  letter-spacing: 0;
  text-transform: none;
}

/* Selection */
[data-theme="rebel"] ::selection {
  background: #81ecff;
  color: #005762;
}