/**
 * Theme · Brutalist
 * ═══════════════════════════════════════════════════════════════════════
 * Pure black/white + bright yellow. Thick borders, hard offset shadows.
 * Identifier used in HTML: data-theme="brutalist"
 */

[data-theme="brutalist"] {
  --bg:           #F4F4F0;
  --bg-2:         #E8E8E0;
  --bg-elevated:  #FFFFFF;

  --fg:           #0A0A0A;
  --fg-muted:     #3D3D3A;
  --fg-faint:     #6D6D68;

  --accent:       #FFDD00;
  --accent-2:     #FF3366;
  --accent-3:     #00E676;

  --border:        #0A0A0A;
  --border-strong: #0A0A0A;
  --radius:        0px;
  --radius-sm:     0px;

  --font-display: 'Archivo Black', sans-serif;
  --font-body:    'Archivo', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
  --display-weight:   900;
  --display-tracking: -0.01em;
  --display-leading:  0.92;

  --code-bg:       #0A0A0A;
  --code-fg:       #F4F4F0;
  --code-fg-muted: #A0A09C;
  --code-border:   rgba(255,255,255,0.12);
  --tok-keyword:   #FFDD00;
  --tok-string:    #00E676;
  --tok-func:      #FF3366;
  --tok-comment:   #5D5D58;
  --tok-num:       #00E676;
  --tok-class:     #FFDD00;
  --tok-self:      #A0A0A0;
  --tok-dec:       #FF3366;
  --tok-attr:      #00E676;
}

[data-theme="brutalist"] .hero-title { text-transform: uppercase; }
[data-theme="brutalist"] .hero-title em {
  font-style: normal;
  background: var(--accent);
  padding: 0 0.15em;
  color: var(--fg);
  box-shadow: 6px 6px 0 var(--fg);
  margin-right: 8px;
}
[data-theme="brutalist"] .hero-eyebrow {
  border: 3px solid var(--fg); border-radius: 0;
  background: var(--accent); color: var(--fg);
  font-weight: 700; padding: 6px 14px;
  box-shadow: 4px 4px 0 var(--fg);
}
[data-theme="brutalist"] .hero-eyebrow::before { background: var(--fg); border-radius: 0; animation: none; }

/* Buttons — stamped with hard shadows */
[data-theme="brutalist"] .btn {
  border-radius: 0; text-transform: uppercase;
  font-weight: 700; letter-spacing: 0.02em;
  border: 3px solid var(--fg);
  padding: 13px 24px;
}
[data-theme="brutalist"] .btn-primary { background: var(--accent); color: var(--fg); box-shadow: 6px 6px 0 var(--fg); }
[data-theme="brutalist"] .btn-primary:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--fg); }
[data-theme="brutalist"] .btn-ghost { background: var(--bg); box-shadow: 4px 4px 0 var(--fg); }
[data-theme="brutalist"] .btn-ghost:hover { transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--fg); background: var(--bg-elevated); }
[data-theme="brutalist"] .btn-sm { padding: 7px 14px; border-width: 2px; box-shadow: 3px 3px 0 var(--fg); }
[data-theme="brutalist"] .btn-danger { background: var(--accent-2); }

/* Features — loud, color-blocked */
[data-theme="brutalist"] .feature {
  border: 3px solid var(--fg); border-radius: 0;
  box-shadow: 6px 6px 0 var(--fg);
  background: var(--bg-elevated);
}
[data-theme="brutalist"] .feature:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 var(--fg); }
[data-theme="brutalist"] .feature:nth-child(6n+1) { background: var(--accent); }
[data-theme="brutalist"] .feature:nth-child(6n+4) { background: var(--accent-3); }
[data-theme="brutalist"] .feature-num {
  color: var(--fg); font-weight: 700;
  background: var(--bg-elevated); padding: 2px 6px;
  display: inline-block; border: 2px solid var(--fg);
}
[data-theme="brutalist"] .feature:nth-child(6n+1) .feature-num,
[data-theme="brutalist"] .feature:nth-child(6n+4) .feature-num {
  background: var(--fg); color: var(--bg); border-color: var(--fg);
}
[data-theme="brutalist"] .feature-title { text-transform: uppercase; font-size: 22px; line-height: 1; }
[data-theme="brutalist"] .feature-title em {
  font-style: normal;
  text-decoration: underline;
  text-decoration-thickness: 4px;
  text-underline-offset: 2px;
}
[data-theme="brutalist"] .feature-icon { color: var(--fg); }
[data-theme="brutalist"] .feature-tag { background: var(--fg); color: var(--bg); border-radius: 0; font-weight: 600; }

[data-theme="brutalist"] .section-title { text-transform: uppercase; }

/* Stats — big color blocks */
[data-theme="brutalist"] .stats-grid { border: 3px solid var(--fg); border-radius: 0; gap: 3px; background: var(--fg); box-shadow: 8px 8px 0 var(--fg); }
[data-theme="brutalist"] .stat { background: var(--bg-elevated); padding: 32px 24px; }
[data-theme="brutalist"] .stat:nth-child(2) { background: var(--accent); }
[data-theme="brutalist"] .stat:nth-child(4) { background: var(--accent-3); }

[data-theme="brutalist"] .install-wrap { border: 3px solid var(--fg); border-radius: 0; background: var(--accent); box-shadow: 10px 10px 0 var(--fg); }
[data-theme="brutalist"] .install-title { color: var(--fg); }
[data-theme="brutalist"] .install-title em { color: var(--fg); font-style: normal; text-decoration: underline; }
[data-theme="brutalist"] .install-cmd { border: 2px solid var(--fg); border-radius: 0; background: var(--fg); color: #fff; }
[data-theme="brutalist"] .code-block { border: 3px solid var(--fg); border-radius: 0; box-shadow: 8px 8px 0 var(--fg); }

[data-theme="brutalist"] .control-bar { border-bottom: 3px solid var(--fg); }
[data-theme="brutalist"] .chip { border-radius: 0; border-width: 2px; font-weight: 600; }
[data-theme="brutalist"] .chip.is-active {
  background: var(--accent); color: var(--fg);
  border-color: var(--fg); font-weight: 700;
}
[data-theme="brutalist"] .brand-mark { color: var(--fg); }
[data-theme="brutalist"] .brand-mark sub { background: var(--accent); padding: 0 4px; color: var(--fg); }

/* Tabs */
[data-theme="brutalist"] .tabs-list {
  border: 3px solid var(--fg); border-radius: 0;
  background: var(--bg-elevated); padding: 3px; gap: 3px;
  box-shadow: 4px 4px 0 var(--fg);
}
[data-theme="brutalist"] .tab { border-radius: 0; font-weight: 700; text-transform: uppercase; }
[data-theme="brutalist"] .tab.is-active {
  background: var(--accent); color: var(--fg);
  border: none; box-shadow: inset 0 0 0 2px var(--fg);
}

/* Gallery */
[data-theme="brutalist"] .gallery-card {
  border: 3px solid var(--fg); border-radius: 0;
  box-shadow: 6px 6px 0 var(--fg);
}
[data-theme="brutalist"] .input,
[data-theme="brutalist"] .select,
[data-theme="brutalist"] textarea.input {
  border: 2px solid var(--fg); border-radius: 0;
  background: var(--bg-elevated);
}
[data-theme="brutalist"] .input:focus {
  border-color: var(--fg);
  box-shadow: 4px 4px 0 var(--accent);
}
[data-theme="brutalist"] .alert { border: 2px solid var(--fg); border-left-width: 8px; border-radius: 0; box-shadow: 4px 4px 0 var(--fg); }
[data-theme="brutalist"] .badge { border-radius: 0; border-width: 2px; font-weight: 700; }
[data-theme="brutalist"] .check-box { border: 2px solid var(--fg); border-radius: 0; }
[data-theme="brutalist"] .switch-track { border: 2px solid var(--fg); border-radius: 0; }
[data-theme="brutalist"] .switch-track::after { border-radius: 0; background: var(--fg); }
[data-theme="brutalist"] .switch input:checked + .switch-track { background: var(--accent); }
[data-theme="brutalist"] .switch input:checked + .switch-track::after { background: var(--fg); }
[data-theme="brutalist"] .data-table th {
  background: var(--fg); color: var(--bg);
  padding: 12px; letter-spacing: 0.08em;
}