/**
 * Global CSS for RO Strandparken code components.
 *
 * These styles are injected into the Shadow DOM of every component
 * via the globals.ts decorator file.
 *
 * Site variables (var(--xxx)) will inherit from the Webflow site.
 * Font families use inherit where possible, with explicit fallbacks.
 */

/* Reset for Shadow DOM */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Base typography — inherits from Webflow site */
:host {
  font-family: freight-text-pro, sans-serif;
  font-weight: 300;
  color: #1c1c1c;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Respect Webflow site variables if available */
:host {
  --ro-beige: var(--background-primary, #f9f5ea);
  --ro-dark-blue: #14121f;
  --ro-black: #1c1c1c;
  --ro-font-heading: Adelia, Arial, sans-serif;
  --ro-font-body: freight-text-pro, sans-serif;
}

/* Ensure images are responsive */
img {
  max-width: 100%;
  height: auto;
}

/* Remove default button styles */
button {
  font: inherit;
  border: none;
  background: none;
  cursor: pointer;
  outline: none;
}

button:focus-visible {
  outline: 2px solid #14121f;
  outline-offset: 2px;
}