/**
 * Design tokens från The Pot (ave-child anpassningar + din klistrade CSS).
 * Typsnitt: Munken Sans (@font-face sätts i functions.php med absoluta URL:er).
 *
 * Obs: I den klistrade CSS:en dominerar svart/vitt + mörka överlägg (rgba).
 * Varken vinröd/burgundy eller separata gråkoder nämns där — därför finns
 * "mörkgrå" som läsbar sekundärtext; lägg till en accentfärg när ni har hex från live.
 */

:root {
  color-scheme: light;

  /* —— Varumärke / ytor (ur din CSS: knappar, kapacitet, gradient) —— */
  --color-black: #000000;
  --color-white: #ffffff;
  --color-text: #000000;
  --color-text-muted: #4a4a4a;
  --color-border: #000000;

  /* Hero / overlay (valj-stad m.m.) */
  --color-overlay-scrim: rgb(0 0 0 / 30%);
  --color-grid-caption-gradient: linear-gradient(
    0deg,
    rgb(0 0 0),
    rgb(0 0 0) 100%,
    transparent
  );

  /* Knappar: .trigger-bokning, .gform_button, .trigger-bokning-karlshamn */
  --color-button-bg: var(--color-black);
  --color-button-text: var(--color-white);
  --color-button-border: var(--color-black);
  --color-button-hover-bg: var(--color-white);
  --color-button-hover-text: var(--color-black);
  --button-padding-y: 7px;
  --button-padding-x: 12px;
  --button-radius: 4px;
  --button-transition: all 0.3s ease-in-out;

  /* Rubriker (standardläge — vit används bara ovanpå bilder i egna block) */
  --color-heading: var(--color-black);

  /* Alias för befintliga mallar */
  --bg: var(--color-white);
  --fg: var(--color-text);
  --muted: var(--color-text-muted);
  --accent: var(--color-black);
  --border: #dedede;

  /* —— Typografi: Munken Sans för bröd + rubriker (samma familj i din CSS) —— */
  --font-family-sans: "Munken Sans", system-ui, -apple-system, sans-serif;
  --font-family-body: var(--font-family-sans);
  --font-family-heading: var(--font-family-sans);

  --font-size-body: 1rem;
  --line-height-body: 1.6;
  --font-weight-body: 400;
  --font-weight-heading: 500;
  --font-weight-strong: 700;

  /* Skala: .valj-stad h1 40px (mobil), .header-text h2 1.8rem, kapacitet 16px */
  --font-size-h1: clamp(2rem, 4vw, 2.5rem);
  --font-size-h2: clamp(1.65rem, 2.5vw, 1.8rem);
  --font-size-h3: 1.375rem;
  --font-size-h4: 1.125rem;
  --font-size-h5: 1rem;
  --font-size-h6: 1.2rem;
  --line-height-heading: 1.2;

  /* —— Layout / spacing —— */
  --content-max-width: 1200px;
  --space-heading-block: 1.25em 0 0.75em;
  --space-paragraph-after: 1.3em;
  --space-header-y: 1.5rem;
  --space-header-x: clamp(1rem, 4vw, 2rem);
  --space-main-y: clamp(1.5rem, 4vw, 2.5rem);
  --space-main-x: clamp(1rem, 4vw, 2rem);
  --space-footer-margin-top: 3rem;
  --space-list-item-y: 1rem;
  --space-capacity-gap: 20px;
  --radius-pill: 999px;

  /* Valfri accent — sätt om ni har exakt burgundy från tryck/profil (saknas i klistrad CSS) */
  --color-accent: var(--color-black);
}