/* Edgy Theme - Darker, sharper, high contrast */
[data-theme="edgy"] {
  --bg-body: #000000;
  --bg-surface: #0a0a0a;
  --bg-surface-glass: rgba(0, 0, 0, 0.9);
  --bg-card: #0a0a0a;
  --bg-card-glass: rgba(10, 10, 10, 0.9);
  --bg-secondary: #111111;

  --text-main: #ff003c;
  --text-muted: #666666;
  --text-dim: #333333;
  --text-secondary: #cccccc;
  --text-primary: #ffffff;

  --primary: #ff003c;
  --primary-glow: rgba(255, 0, 60, 0.5);
  --accent: #00f0ff;
  --accent-glow: rgba(0, 240, 255, 0.5);
  --danger: #ff0000;

  --border-light: #333333;
  --border-hover: #ff003c;

  --shadow-sm: 0 0 0 1px #333333;
  --shadow-lg: 4px 4px 0 0 #111111;
  --shadow-glow: 0 0 10px var(--primary-glow);

  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 0px;
  --radius-xl: 0px;

  --font-sans: "Courier New", Courier, monospace;
}

[data-theme="edgy"] body {
  background-image: 
    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));
  background-size: 100% 2px, 3px 100%;
}

[data-theme="edgy"] .card,
[data-theme="edgy"] .btn,
[data-theme="edgy"] .form-control,
[data-theme="edgy"] img,
[data-theme="edgy"] .masthead {
  border-radius: 0 !important;
}

[data-theme="edgy"] .btn-primary {
  background: var(--primary);
  color: #000;
  box-shadow: 2px 2px 0 var(--accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 900;
}

[data-theme="edgy"] .btn-primary:hover {
  transform: translate(-1px, -1px);
  box-shadow: 4px 4px 0 var(--accent);
}

[data-theme="edgy"] .card {
  border: 1px solid var(--border-light);
  box-shadow: 4px 4px 0 #111;
}

[data-theme="edgy"] .card:hover {
  border-color: var(--primary);
}

[data-theme="edgy"] .form-control {
  background: #000;
  border: 1px solid var(--border-light);
  color: #fff;
}

[data-theme="edgy"] .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(255, 0, 60, 0.2);
}

[data-theme="edgy"] h1, 
[data-theme="edgy"] h2, 
[data-theme="edgy"] h3,
[data-theme="edgy"] .logo span {
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 2px 2px 0 rgba(255, 0, 60, 0.2);
}