/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor.
Author: K360
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

/*
 * Tilføj dine egne CSS-regler her.
 */



:root {
  /* --- Farver: afstemt palet trukket fra Lottes egne produkter --- */
  --c-ink: #1c1b1a;
  --c-paper: #fcfcfa;
  --c-surface: #f4f3ef;
  --c-surface-tint: #eef2f0;
  --c-teal: #14655a;
  --c-teal-deep: #0e4a42;
  --c-mustard: #e0a526;
  --c-raspberry: #c2334d;
  --c-terracotta: #c96f4a;
  --c-blue: #3a6ea5;

  --c-text: var(--c-ink);
  --c-text-muted: #5f5c57;
  --c-text-light: #fdfcf9;

  /* Den gennemgående stribe — genbruges til borders, underlines m.m. */
  --stripe-gradient: linear-gradient(90deg,
    var(--c-teal) 0 22%,
    var(--c-mustard) 22% 44%,
    var(--c-raspberry) 44% 62%,
    var(--c-terracotta) 62% 82%,
    var(--c-blue) 82% 100%);
  --stripe-gradient-v: linear-gradient(180deg,
    var(--c-teal) 0 22%,
    var(--c-mustard) 22% 44%,
    var(--c-raspberry) 44% 62%,
    var(--c-terracotta) 62% 82%,
    var(--c-blue) 82% 100%);

  /* --- Typografi --- */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Karla", "Segoe UI", system-ui, sans-serif;
  --fs-h1: clamp(2.6rem, 5.5vw, 4.6rem);
  --fs-h2: clamp(1.9rem, 3.5vw, 2.8rem);
  --fs-h3: 1.2rem;
  --fs-body: 1.05rem;
  --fs-small: 0.85rem;

  /* --- Spacing & layout --- */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --container: 1400px;

  /* --- Detaljer --- */
  --shadow-soft: 0 10px 30px rgba(28, 27, 26, 0.12);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
}