/* Rönnås Lada — Design tokens
   Källa: design/ronnas-design-tokens.json + design/RONNAS_DESIGN_SYSTEM.md
   Ändra inte färger/typsnitt här utan uttryckligt beslut. */

:root {
  /* Färger */
  --color-red: #8B2E24;
  --color-red-dark: #6E241C;
  --color-blue: #3E5F7A;
  --color-blue-dark: #304A60;
  --color-cream: #F7F4ED;
  --color-green: #556B4F;
  --color-wood: #4B3A2E;
  --color-linen: #D9C9B5;
  --color-ink: #332C28;
  --color-white: #FFFEFB;

  /* Ytor & text (semantiska alias) */
  --surface-base: var(--color-cream);
  --surface-raised: var(--color-white);
  --surface-linen: var(--color-linen);
  --surface-dark: var(--color-wood);
  --text-body: var(--color-ink);
  --text-muted: #6B5F55;
  --text-on-dark: var(--color-white);
  --border-hairline: rgba(51, 44, 40, 0.14);
  --border-hairline-on-dark: rgba(247, 244, 237, 0.28);

  /* Typografi */
  --font-display: 'Playfair Display', 'Georgia', serif;
  --font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-script: 'Allura', cursive;
  --font-wordmark: 'Special Elite', 'Courier New', monospace; /* endast ordmärket "Rönnås Lada" + dess tagline — inte vanliga rubriker */

  --size-h1: clamp(2.75rem, 6vw, 5rem);
  --size-h2: clamp(2.2rem, 4vw, 3.4rem);
  --size-h3: clamp(1.5rem, 2.5vw, 2.2rem);
  --size-body-lg: clamp(1.0625rem, 1.2vw, 1.1875rem);
  --size-body: 1rem;
  --size-ui: clamp(0.875rem, 1vw, 1rem);
  --size-eyebrow: 0.8125rem;
  --size-script: clamp(1.9rem, 3vw, 3rem);

  --leading-body: 1.7;
  --leading-tight: 1.15;
  --tracking-wide: 0.14em;

  /* Layout */
  --content-max: 1280px;
  --text-max: 68ch;
  --gutter: 1.25rem;
  --section-pad-desktop: 7.5rem;
  --section-pad-mobile: 4.5rem;

  /* Radier */
  --radius-sm: 3px;
  --radius-md: 6px;

  /* Rörelse */
  --motion-fast: 200ms;
  --motion-normal: 350ms;
  --motion-slow: 450ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);

  /* Skuggor (mycket subtila — inga hårda skuggor) */
  --shadow-soft: 0 12px 32px -18px rgba(51, 44, 40, 0.28);
  --shadow-hairline: 0 1px 0 rgba(51, 44, 40, 0.08);
}