{
  "version": "2026.1",
  "source": "optime-ai/refindi-concierge-web@e7d7db4478d9a9c6931b3f06d3ea7032d917f2d4",
  "color": {
    "surface-canvas": {
      "value": "#F5F4F2",
      "role": "Tło ogólne strony i sekcji (canvas)",
      "source": "src/index.css --section-bg"
    },
    "surface-elevated": {
      "value": "#FFFFFF",
      "role": "Podniesione powierzchnie: karty, panele treści",
      "source": "src/index.css --section-bg-elevated"
    },
    "surface-border": {
      "value": "#DEDEDE",
      "role": "Zewnętrzna warstwa (obrys) dużych squircle",
      "source": "SquircleBordered na /pl/dla-biznesu"
    },
    "surface-dark": {
      "value": "#00111F",
      "role": "Ciemne panele — kontrolowany akcent, nie dominujące tło",
      "source": "tailwind refindi-ink ≈ hsl(207 100% 6%)"
    },
    "text-heading": {
      "value": "#151515",
      "role": "Nagłówki H1",
      "source": "src/pages/Business.tsx (hero H1)"
    },
    "text-body": {
      "value": "#3A3A3A",
      "role": "Tekst na secondary CTA i jasnych powierzchniach",
      "source": "Business.tsx secondary CTA"
    },
    "text-card": {
      "value": "#0F2B33",
      "role": "Tekst kart segmentów",
      "source": "obserwacja DOM /pl/dla-biznesu"
    },
    "text-on-dark": {
      "value": "#F5F2F0",
      "role": "Jasny tekst na ciemnych panelach",
      "source": "obserwacja DOM /pl/dla-biznesu"
    },
    "logo-wordmark": {
      "value": "#101820",
      "role": "Logotyp w logo (nie kolor tekstu UI)",
      "source": "public/__l5e/…/refindi-logo.svg"
    },
    "brand-peach": {
      "value": "#FF9E6D",
      "role": "Sygnet, eyebrow, kontury dekoracyjne",
      "source": "tailwind refindi-peach hsl(21 100% 71%), logo SVG"
    },
    "accent-peach-heading": {
      "value": "#FFAE84",
      "role": "Wyróżniony fragment nagłówka H1",
      "source": "Business.tsx (span w H1)"
    },
    "accent-peach-text": {
      "value": "#FF9F6B",
      "role": "Dodatkowy tekst brzoskwiniowy (obserwacja DOM; rola do potwierdzenia)",
      "source": "obserwacja DOM"
    },
    "action-primary": {
      "value": "#53BDF6",
      "role": "Tło głównego CTA (z białym tekstem)",
      "source": "Business.tsx primary CTA, tailwind refindi-blue-vivid"
    },
    "action-primary-text": {
      "value": "#FFFFFF",
      "role": "Tekst głównego CTA",
      "source": "Business.tsx"
    },
    "action-secondary": {
      "value": "#E9E8E6",
      "role": "Tło drugorzędnego CTA i kontrolek",
      "source": "Business.tsx secondary CTA"
    },
    "action-secondary-text": {
      "value": "#3A3A3A",
      "role": "Tekst drugorzędnego CTA",
      "source": "Business.tsx"
    },
    "success": {
      "value": "#42B446",
      "role": "Zielony eko / sukces",
      "source": "tailwind refindi-green"
    }
  },
  "typography": {
    "family": {
      "value": "Satoshi, sans-serif",
      "source": "tailwind.config.ts fontFamily.sans; ładowanie: Fontshare CDN (src/index.css:2)"
    },
    "weights-loaded": {
      "value": [
        300,
        400,
        500,
        700,
        900
      ],
      "note": "Waga 600 nie jest ładowana — klasy font-semibold renderują się jako 700."
    },
    "logotype": {
      "value": "Mazzard H Semibold (wg brandbooka 2025)",
      "note": "Tylko w logo, jako krzywe. Nie używać w UI, nie dystrybuować."
    },
    "scale": {
      "hero-h1": {
        "size": "37px → 44px (sm) → clamp(2.75rem, min(4.2vw, 7.2vh), 4.125rem) (lg)",
        "lineHeight": 1.05,
        "tracking": "-0.01em",
        "source": "Business.tsx"
      },
      "section-h2": {
        "size": "clamp(40px, 10.5vw, 55px)",
        "lineHeight": 1.1,
        "source": "sekcje /pl/dla-biznesu"
      },
      "h1": {
        "size": "3rem",
        "lineHeight": 1.1,
        "weight": 700,
        "tracking": "-0.02em",
        "source": "tailwind fontSize.h1"
      },
      "h2": {
        "size": "2.25rem",
        "lineHeight": 1.15,
        "weight": 500,
        "tracking": "-0.01em",
        "source": "tailwind fontSize.h2"
      },
      "h3": {
        "size": "1.5rem",
        "lineHeight": 1.3,
        "weight": 500,
        "source": "tailwind fontSize.h3"
      },
      "body": {
        "size": "15px → 17px (lg)",
        "lineHeight": 1.35,
        "source": "Business.tsx hero subtitle; tailwind body 1rem/1.6"
      },
      "eyebrow": {
        "size": "12px → 14px (lg)",
        "weight": 600,
        "transform": "uppercase",
        "tracking": "0.2em",
        "color": "brand-peach",
        "source": "Business.tsx"
      },
      "button": {
        "size": "15px / 14px (sm) / 15px (lg)",
        "weight": 600,
        "source": "Business.tsx CTA"
      }
    }
  },
  "shape": {
    "squircle": {
      "method": "clip-path: path() z @squircle-js/react (figma-squircle), liczone dla aktualnego rozmiaru elementu",
      "smoothing": 1,
      "source": "src/components/ui/squircle-box.tsx"
    },
    "radius": {
      "panel-large": {
        "desktop": 90,
        "mobile": 40,
        "unit": "px",
        "source": "duże panele / bannery"
      },
      "tile-process": {
        "values": [
          64,
          48,
          32
        ],
        "unit": "px",
        "source": "kafle procesu"
      },
      "tile-role": {
        "value": 56,
        "unit": "px"
      },
      "search-bar": {
        "value": 28,
        "unit": "px"
      },
      "popover": {
        "value": 26,
        "unit": "px"
      },
      "cta-block": {
        "value": 22,
        "unit": "px"
      },
      "card-hero": {
        "value": 20,
        "nested": 16,
        "unit": "px"
      },
      "pill": {
        "value": "9999px (rounded-full)",
        "source": "CTA"
      }
    },
    "section-corner": {
      "value": "clamp(56px, 18vw, 360px)",
      "fallback": "clamp(36px, 11vw, 220px)",
      "source": "src/index.css --section-corner-r, corner-shape: squircle"
    },
    "bordered": {
      "method": "Dwie warstwy: zewnętrzny squircle w kolorze obrysu + wewnętrzny squircle o promieniu r − grubość",
      "source": "SquircleBordered"
    }
  },
  "shadow": {
    "block": {
      "value": "0 1px 2.5px rgba(20,20,20,0.06), 0 8px 26px -3px rgba(20,20,20,0.06)",
      "note": "Dla elementów z clip-path cień na wrapperze (drop-shadow).",
      "source": "src/index.css --shadow-block"
    }
  },
  "motion": {
    "cta-press": {
      "type": "spring",
      "stiffness": 500,
      "damping": 14,
      "hoverScale": 1.04,
      "tapScale": 0.95,
      "source": "Business.tsx hero CTA"
    },
    "cta-label-roll": {
      "duration": "0.5s",
      "easing": "cubic-bezier(0.76, 0, 0.24, 1)",
      "source": "Business.tsx / reveal-text.tsx"
    },
    "arrow-button": {
      "type": "spring",
      "stiffness": 500,
      "damping": 14,
      "hoverScale": 1.08,
      "tapScale": 0.86
    },
    "magnetic-bar": {
      "hover": {
        "stiffness": 380,
        "damping": 20,
        "mass": 0.85,
        "scale": 1.025
      },
      "tap": {
        "stiffness": 600,
        "damping": 30,
        "mass": 0.7,
        "scale": 0.99
      },
      "source": "src/components/b2c/MagneticBar.tsx"
    },
    "dots": {
      "stiffness": 380,
      "damping": 22,
      "mass": 0.8,
      "source": "HeroSegmentsCarousel SpringDots"
    },
    "card-hover": {
      "stiffness": 260,
      "damping": 18,
      "mass": 0.9,
      "scale": 1.06,
      "source": "HeroSegmentCard"
    },
    "ease-spring-soft": {
      "value": "cubic-bezier(0.34, 1.32, 0.5, 1)",
      "source": "src/index.css --ease-spring-soft"
    },
    "reduced-motion": {
      "rule": "Przy prefers-reduced-motion: reduce — brak skalowania i przesuwania etykiet; zmiany natychmiastowe."
    }
  },
  "layout": {
    "container": {
      "values": [
        "1110px (.container-refindi)",
        "1200px (tailwind container 2xl)",
        "1200/1400px (.b2c-page --content-width / --wide-width)"
      ],
      "note": "Trzy równoległe kontenery — do ujednolicenia."
    },
    "gutter": {
      "value": "clamp(20px, 5vw, 40px)",
      "source": ".b2c-page --gutter"
    },
    "breakpoints": {
      "sm": 640,
      "md": 768,
      "lg": 1024,
      "xl": 1280,
      "header": [
        940,
        1060
      ],
      "footer": 960
    }
  },
  "issues": [
    "CSS --refindi-peach (19 75% 52%) i --refindi-ink (193 55% 13%) w src/index.css różnią się od tailwind refindi-peach / refindi-ink.",
    "Klasa bg-refindi-cream jest używana, ale nie istnieje w konfiguracji.",
    "Satoshi 600 nie jest ładowany.",
    "Główne CTA w hero nie mają stylu focus ani disabled."
  ]
}