/* NC Stump Grinding — shared stylesheet.
   Design direction: sharp-edged brutalist layout, safety-orange primary,
   dark zinc header/footer. Works with Tailwind v4 browser build. */

@custom-variant dark (&:is(.dark *));

:root {
  --background: #fafafa;
  --foreground: #09090b;
  --card: #ffffff;
  --card-foreground: #09090b;
  --popover: #ffffff;
  --popover-foreground: #09090b;

  /* Safety Orange for High Urgency */
  --primary: #ea580c;
  --primary-foreground: #ffffff;

  /* Dark Zinc for contrast sections */
  --secondary: #18181b;
  --secondary-foreground: #fafafa;

  --muted: #f4f4f5;
  --muted-foreground: #71717a;
  --accent: #fff7ed;
  --accent-foreground: #9a3412;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
  --border: #e4e4e7;
  --input: #e4e4e7;
  --ring: #ea580c;
  --radius: 0px; /* Brutalist/sharp edges */
}

@layer base {
  /* Mobile safety net: clip horizontal overflow without breaking sticky */
  html, body {
    overflow-x: clip;
  }
  h1, h2, h3, h4, h5, h6, p, span, a, li {
    overflow-wrap: anywhere;
    word-wrap: break-word;
  }

  body {
    background-color: var(--background);
    color: var(--foreground);
  }
}

/* Mobile accordion submenus: expand in normal document flow (never fixed heights) */
.mobile-accordion-content {
  display: none;
}
.mobile-accordion-content.open {
  display: block;
}
.mobile-accordion-icon {
  transition: transform 0.2s ease;
}
.mobile-accordion-icon.open {
  transform: rotate(180deg);
}