/**
 * Theme Name: Portál Duše
 * Theme URI: https://duse.highda.space
 * Description: Site-specific child theme for the Portál Duše Elementor and WooCommerce build.
 * Author: Highda
 * Template: hello-elementor
 * Version: 0.4.0
 * Text Domain: portal-duse
 */

/*
 * Design tokens extracted from the Wix reference
 * (references/design/wix-design-reference.md). The site is dark:
 * black page background, lilac button accent, burnt orange + peach
 * cursive display accents. Brandon Grotesque (commercial) is
 * substituted with Josefin Sans during staging.
 */
:root {
  --duse-bg: #000000;
  --duse-surface: rgba(0, 0, 0, 0.82);
  --duse-ink: #f5f2ee;
  --duse-ink-soft: #cfc9c2;
  --duse-lilac: #e6c7eb;
  --duse-lilac-soft: rgba(230, 199, 235, 0.75);
  --duse-lilac-ink: #1a1a1a;
  --duse-orange: #b95e12;
  --duse-peach: #ffe4c9;
  --duse-line: rgba(255, 255, 255, 0.18);
  --duse-radius: 4px;

  --duse-font-brand: 'Cinzel', serif;
  --duse-font-script: 'Dancing Script', cursive;
  --duse-font-heading: 'Fahkwang', sans-serif;
  --duse-font-body: 'Josefin Sans', sans-serif;
  --duse-font-footer: 'EB Garamond', serif;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--duse-bg);
  color: var(--duse-ink);
  font-family: var(--duse-font-body);
}

:focus-visible {
  outline: 3px solid var(--duse-lilac);
  outline-offset: 3px;
}