/** Shopify CDN: Minification failed

Line 126:0 All "@import" rules must come first
Line 129:0 All "@import" rules must come first

**/
/*
 * SOLAYA design tokens
 * Paleta wyciągnięta z Sygnety.pdf (Wariant A, decyzja klienta 2026-05-04).
 * Estetyka: Clinical Clean (premium pharma minimalism).
 */

:root {
  /* === BRAND COLORS (paleta klienta — Wariant A, decyzja 2026-05-04) === */
  --solaya-forest:   #3A3C1F;
  --solaya-sage:     #718243;
  --solaya-ivory:    #F0F0CD;
  --solaya-copper:   #A4562B;
  --solaya-paprika:  #8D2C1D;

  /* === SCALE — page-level system (wszystko derivative palety) === */
  --solaya-bg:           #FAF8EE;  /* ivory light tint */
  --solaya-bg-alt:       #F0F0CD;  /* = Ivory brand */
  --solaya-bg-dark:      #3A3C1F;  /* = Forest brand */
  --solaya-ink:          #1B1F12;  /* forest deepened (typography) */
  --solaya-ink-soft:     #3A3C1F;  /* = Forest brand */
  --solaya-muted:        #6B6F58;  /* sage/forest mid-tone (muted text) */
  --solaya-border:       #D7D5B2;  /* ivory tint borders */
  --solaya-border-soft:  #E8E5C3;  /* ivory lighter tint */
  --solaya-on-dark:      #F0F0CD;  /* = Ivory brand */
  --solaya-on-dark-soft: #B5BC8E;  /* sage tint on dark */

  /* === HOVER STATES (derivative palety) === */
  --solaya-copper-dark:  #8E481F;  /* copper hover (10% darker) */
  --solaya-ivory-dark:   #E5E2B0;  /* ivory button hover (4% darker) */
  --solaya-sage-soft:    rgba(113, 130, 67, 0.08);
  --solaya-copper-soft:  rgba(164, 86, 43, 0.08);
  --solaya-forest-soft:  rgba(58, 60, 31, 0.06);

  /* === TYPOGRAPHY ===
   * Satoshi (Fontshare) — geometric grotesk premium, najbliższy "Söhne" używanej
   * przez meetmaev/elysiumhealth/drinkag1/seed (inspiracje z briefu klienta).
   * Zgodne z Konceptem 1 brand booka Mariny: "geometric sans + minimalizm + nauka".
   */
  --solaya-font-display: 'Satoshi', 'Inter', system-ui, -apple-system, sans-serif;
  --solaya-font-body:    'Satoshi', 'Inter', system-ui, -apple-system, sans-serif;
  --solaya-font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --solaya-fw-regular: 400;
  --solaya-fw-medium:  500;
  --solaya-fw-semi:    600;
  --solaya-fw-bold:    700;
  --solaya-fw-extra:   800;

  --solaya-text-xs:   0.75rem;
  --solaya-text-sm:   0.875rem;
  --solaya-text-base: 1rem;
  --solaya-text-lg:   1.125rem;
  --solaya-text-xl:   1.5rem;
  --solaya-text-2xl:  1.875rem;
  --solaya-text-3xl:  2.5rem;
  --solaya-text-4xl:  3.5rem;
  --solaya-text-5xl:  4.5rem;

  --solaya-leading-tight:  1.1;
  --solaya-leading-snug:   1.25;
  --solaya-leading-normal: 1.5;
  --solaya-leading-loose:  1.75;

  --solaya-tracking-tight:  -0.02em;
  --solaya-tracking-normal: 0;
  --solaya-tracking-wide:   0.05em;
  --solaya-tracking-extra:  0.15em;

  /* === SPACING (8px base) === */
  --solaya-space-1:  0.25rem;
  --solaya-space-2:  0.5rem;
  --solaya-space-3:  0.75rem;
  --solaya-space-4:  1rem;
  --solaya-space-5:  1.25rem;
  --solaya-space-6:  1.5rem;
  --solaya-space-8:  2rem;
  --solaya-space-12: 3rem;
  --solaya-space-16: 4rem;
  --solaya-space-24: 6rem;
  --solaya-space-32: 8rem;

  /* === RADII === */
  --solaya-radius-sm:   4px;
  --solaya-radius-md:   8px;
  --solaya-radius-lg:   12px;
  --solaya-radius-xl:   16px;
  --solaya-radius-full: 999px;

  /* === SHADOWS (subtle, Clinical Clean) === */
  --solaya-shadow-xs: 0 1px 2px rgba(27, 31, 18, 0.04);
  --solaya-shadow-sm: 0 2px 8px rgba(27, 31, 18, 0.06);
  --solaya-shadow-md: 0 8px 24px rgba(27, 31, 18, 0.08);

  /* === MOTION === */
  --solaya-ease:  cubic-bezier(0.32, 0.72, 0, 1);
  --solaya-fast:  160ms;
  --solaya-base:  220ms;
  --solaya-slow:  340ms;

  /* === LAYOUT === */
  --solaya-container-max: 1200px;
  --solaya-container-wide: 1440px;
  --solaya-container-narrow: 760px;
  --solaya-gutter: clamp(1rem, 4vw, 2rem);
}

/* === GLOBAL OVERRIDES dla Horizon === */
:root {
  --color-background:           var(--solaya-bg);
  --color-foreground:           var(--solaya-ink);
  --color-foreground-heading:   var(--solaya-ink);
  --color-foreground-secondary: var(--solaya-muted);
  --color-border:               var(--solaya-border);

  --font-body--family:    var(--solaya-font-body);
  --font-heading--family: var(--solaya-font-display);
}

/* Satoshi Variable (Fontshare CDN) — geometric grotesk premium, darmowy */
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@300,400,500,700,900&display=swap');

/* JetBrains Mono (Google Fonts) — laboratoryjny mono dla labelek pharma */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap');

/* === ANTI-PATTERNS prevention === */
.solaya-no-emoji-as-icon { /* helper: zawsze SVG, nigdy emoji w UI */ }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}