/*
  Brand tokens and base overrides.
  Tailwind utility classes handle most styling — only edit this file for things Tailwind can't express cleanly.
*/

:root {
  /* Brand colors — override per client */
  --brand-primary: #111827;
  --brand-accent:  #6366f1;
  --brand-muted:   #6b7280;

  /* Typography — override per client when using custom fonts */
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* Example: load a custom font for a client.
   Drop the .woff2 file at /fonts/client-font.woff2 (create a fonts/ folder at repo root).
@font-face {
  font-family: "ClientFont";
  src: url("/fonts/client-font.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/

html {
  font-family: var(--font-body);
  scroll-behavior: smooth;
}

h1, h2, h3, h4 {
  font-family: var(--font-display);
}

/* GDWS form status messages — colors per gdws-forms.md recommended scaffold. */
[data-gdws-status]:empty { display: none; }
[data-gdws-status] {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.95rem;
}
[data-gdws-status][data-state="ok"] {
  color: #0a5d0a;
  background: #e8f5e9;
  border: 1px solid #bbe1bf;
}
[data-gdws-status][data-state="error"] {
  color: #8b0000;
  background: #fdecea;
  border: 1px solid #f5c2bd;
}
button[type="submit"][disabled] {
  opacity: 0.6;
  cursor: wait;
}