/* Amadeo Design Tokens — Direction B (Amadeo 2006) */
/* Zatwierdzono: HC1 2026-06-21 */

:root {
  /* ── Kolory bazowe ── */
  --color-ink:        #241710;   /* nagłówki, logo, tekst primary */
  --color-brown:      #6B3D24;   /* tekst secondary, ikony */
  --color-terracotta: #B86140;   /* akcenty, CTA, stempel, separatory */
  --color-ecru:       #F7F0E0;   /* tło panelu tekstowego */
  --color-sand:       #EDE0C6;   /* tło sekcji, karty */
  --color-stamp-gray: #8C7A66;   /* etykiety, godziny, pomocniczy tekst */
  --color-white:      #FFFFFF;   /* tekst na ciemnym tle, tło menu */

  /* ── Kolory semantyczne ── */
  --color-bg-primary:   var(--color-ecru);
  --color-bg-section:   var(--color-sand);
  --color-bg-dark:      var(--color-ink);
  --color-text-primary: var(--color-ink);
  --color-text-muted:   var(--color-stamp-gray);
  --color-accent:       var(--color-terracotta);
  --color-border:       rgba(36, 23, 16, 0.12);

  /* ── Typografia ── */
  --font-serif:   'Playfair Display', Georgia, serif;
  --font-sans:    'Inter', 'DM Sans', system-ui, sans-serif;

  --text-xs:   0.625rem;   /* 10px — etykiety stempla */
  --text-sm:   0.75rem;    /* 12px — small caps, eyebrow */
  --text-base: 1rem;       /* 16px — body */
  --text-lg:   1.125rem;   /* 18px — lead */
  --text-xl:   1.5rem;     /* 24px — card title */
  --text-2xl:  2rem;       /* 32px — section headline */
  --text-3xl:  2.5rem;     /* 40px — sub-hero */
  --text-hero: clamp(2.5rem, 5vw, 4.5rem); /* hero h1 */

  --leading-tight:  1.15;
  --leading-normal: 1.5;
  --leading-loose:  1.75;

  --tracking-wide:  0.08em;
  --tracking-wider: 0.16em;
  --tracking-caps:  0.22em;

  /* ── Spacing ── */
  --space-xs:  0.5rem;    /* 8px */
  --space-sm:  1rem;      /* 16px */
  --space-md:  1.5rem;    /* 24px */
  --space-lg:  2rem;      /* 32px */
  --space-xl:  3rem;      /* 48px */
  --space-2xl: 5rem;      /* 80px */
  --space-3xl: 7.5rem;    /* 120px */

  /* ── Layout ── */
  --max-width:     1200px;
  --hero-split-a:  48%;    /* écru panel */
  --hero-split-b:  52%;    /* foto panel */
  --nav-height:    64px;
  --radius-sm:     2px;
  --radius-md:     4px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 3px rgba(36,23,16,0.08);
  --shadow-md:  0 4px 16px rgba(36,23,16,0.12);
  --shadow-lg:  0 12px 40px rgba(36,23,16,0.16);

  /* ── Transitions ── */
  --transition-fast:   150ms ease;
  --transition-base:   250ms ease;
  --transition-slow:   400ms ease;

  /* ── Motion (animacje wejścia) ── */
  --motion-ease-out:         cubic-bezier(0.16, 1, 0.3, 1);   /* hero, clip/photo reveals */
  --motion-ease-unfold:      cubic-bezier(0.45, 0, 0.15, 1);  /* mask-reveal logo — ruch rozłożony na całość */
  --motion-ease-reveal:      cubic-bezier(0.25, 0, 0.1, 1);   /* scroll-reveals, galeria */
  --motion-reveal-dur:       1250ms;
  --motion-reveal-clip-dur:  1400ms;
  --motion-reveal-photo-dur: 1600ms;

  /* ── Stempel ── */
  --stamp-size:        92px;
  --stamp-color:       var(--color-terracotta);
  --stamp-stroke:      1.5px;
}