/* NADOBNA Lekkość - kopia themes/hello-elementor-child/style.css z mapą kolorów */
/*
Theme Name: OTUULE Child Theme
Theme URI: https://elementor.com/hello-theme/
Description: Deterministyczny motyw potomny dla środowiska Elementor Pro 4.0 Atomic Editor.
Author: System Architect v2026
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root {
  /* Kolory */
  --color-primary: #1c1916;
  --color-secondary: #5f564b;
  --color-text: #3a332c;
  --color-accent: #6e3b37;
  --color-bg-main: #FDFDFC;
  --color-bg-secondary: #F8F7F5;
  --color-border: #EEEDEA;

  /* Typografia */
  --font-heading: "Bodoni Moda", serif;
  --font-body: "Plus Jakarta Sans", sans-serif;

  /* Layout */
  --content-width: 1280px;
  --content-width-narrow: 720px;
  --page-gutter: 20px;

  /* Odstępy */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-base: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  /* Komponenty */
  --border-radius-sm: 2px;
  --border-radius-md: 4px;
  --focus-ring: 2px solid #6e3b37;
  --transition-default: 200ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (min-width: 768px) {
  :root {
    --page-gutter: 32px;
  }
}

@media (min-width: 1024px) {
  :root {
    --page-gutter: 48px;
  }
}