/* Devil's Kiss v2 — NEOBRUTALISM */

:root {
  --color-primary: #E11D48;
  --color-primary-dark: #BE123C;
  --color-primary-contrast: #FFFFFF;
  --color-secondary: #FBBF24;
  --color-accent: #F97316;
  --color-accent-contrast: #000000;
  --color-bg: #FEFCE8;
  --color-bg-alt: #FEF9C3;
  --color-text: #000000;
  --color-text-muted: #374151;
  --color-border: #000000;
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'DM Sans', sans-serif;
  --max-width: 1280px;
  --border: 3px solid #000;
  --shadow: 5px 5px 0 #000;
  --shadow-hover: 8px 8px 0 #000;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font-body);
  color: var(--color-text);
  background: var(--color-bg);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--color-primary); text-decoration: none; }
a:hover { color: var(--color-primary-dark); }

/* Neobrutalism overrides — thick borders on form elements */
input, textarea, select {
  border: var(--border) !important;
  border-radius: 0 !important;
}
input:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: var(--shadow) !important;
}

/* Neobrutalism buttons */
a[href] {
  transition: all 0.15s ease;
}

/* Section defaults */
section { padding-top: 0; padding-bottom: 0; }
p { line-height: 1.75; }

/* Mobile nav toggle */
[data-mobile-menu].hidden { display: none; }

/* Responsive grid fix for mobile */
@media (max-width: 768px) {
  [style*="grid-template-columns: repeat(3"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: repeat(2"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}