/* ClubGuests app styles. Pico v2 supplies the base; we add brand overrides. */

:root {
  --pico-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pico-font-family-sans-serif: var(--pico-font-family);

  /* Brand colors (see brand/clubguests-brand-assets/README.md). */
  --cg-terracotta: #c45a3e;
  --cg-terracotta-hover: #a84a32;
  --cg-charcoal: #2a2d34;
  --cg-canvas: #fafaf9;

  /* Map Pico primary onto the brand terracotta. */
  --pico-primary: var(--cg-terracotta);
  --pico-primary-background: var(--cg-terracotta);
  --pico-primary-border: var(--cg-terracotta);
  --pico-primary-hover: var(--cg-terracotta-hover);
  --pico-primary-hover-background: var(--cg-terracotta-hover);
  --pico-primary-hover-border: var(--cg-terracotta-hover);
  --pico-primary-focus: rgba(196, 90, 62, 0.25);
  --pico-primary-inverse: #ffffff;
}

main.container {
  max-width: 720px;
  padding: 1.5rem 1rem;
}

header nav {
  margin-bottom: 1.5rem;
}

article {
  margin-top: 1rem;
}

.brand-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.brand-wordmark {
  height: 28px;
  width: auto;
  display: block;
}

button.outline {
  padding: 0.25rem 0.6rem;
  font-size: 0.85rem;
}