/* Hipnomental / 2.0 — wspólne źródło wartości. Kolory ilustracji SVG są osobnymi assetami. */
:root {
  --color-white: #ffffff;
  --color-ink: #111111;
  --color-burgundy: #632125;
  --color-cream: #f3eadb;
  --color-rose: #e5b8c4;
  --color-muted: #eeeeee;
  --color-line: #cccccc;
  --color-line-strong: #888888;
  --color-soft: #f2f2f2;
  --color-caption: #ffffffed;
  --color-shadow: #00000044;
  --surface-page: var(--color-white);
  --surface-contrast: var(--color-ink);
  --surface-action: var(--color-burgundy);
  --text-primary: var(--color-ink);
  --text-inverse: var(--color-white);
  --text-on-burgundy: #ffffff;
  --accent-primary: var(--color-cream);
  --accent-secondary: var(--color-rose);
  --font-display: Editorial, Georgia, serif;
  --font-italic: Georgia, serif;
  --font-body: Arial, sans-serif;
  --type-08: 8px; --type-09: 9px; --type-10: 10px;
  --type-11: 11px; --type-12: 12px; --type-13: 13px;
  --type-14: 14px; --type-15: 15px; --type-16: 16px;
  --type-17: 17px; --type-20: 20px; --type-22: 22px;
  --type-23: 23px; --type-24: 24px; --type-25: 25px;
  --type-26: 26px; --type-27: 27px; --type-30: 30px;
  --type-33: 33px; --type-35: 35px; --type-36: 36px;
  --type-37: 37px; --type-40: 40px; --type-45: 45px;
  --type-48: 48px; --type-54: 54px; --type-58: 58px;
  --type-64: 64px; --type-67: 67px; --type-76: 76px; --type-95: 95px; --type-105: 105px;
  --hero-size: clamp(60px, 7.7vw, 105px);
  --manifest-size: clamp(35px, 5.5vw, 76px);
  --contact-size: clamp(50px, 7vw, 95px);
  --space-1: 4px; --space-2: 8px; --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 32px;
  --space-7: 48px; --space-8: 64px; --space-9: 96px;
  --container: 1300px; --container-inner: 1176px;
  --gutter-desktop: 62px; --gutter-tablet: 30px; --gutter-mobile: 22px;
  --grid-gap: 24px;
  --radius: 0px; --border-width: 1px;
  --motion-fast: 180ms; --motion-image: 700ms;
  --angle-note: -4deg; --angle-image: -5deg;
  --button-min-height: 48px;
  --body-reading: 16px;
  --label-readable: 12px;
}