/* Ramelka design tokens — single source for CSS variables and theme.json palette */

:root {
  --figma-font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --figma-bg: #ffffff;
  --figma-bg-warm: #faf8f5;
  --figma-ink: #1f2328;
  --figma-muted: #6d6661;
  --figma-line: #e8e4df;
  --figma-section: #f3f0eb;
  --figma-media: #efeeec;
  --figma-card: #e8e6e1;
  --figma-accent: #5f5c58;
  --figma-accent-hover: #4a4744;
  --figma-accent-soft: #efeeec;
  --figma-green: #3d6b54;
  --figma-green-soft: #eef5f0;
  --figma-ozon: #005bff;
  --figma-ozon-hover: #004bcc;
  --figma-wb: #cb11ab;
  --figma-wb-hover: #a73afd;
  --figma-radius: 20px;
  --figma-radius-sm: 16px;
  --figma-radius-ui: 12px;
  --figma-radius-xs: 8px;
  --figma-radius-pill: 999px;
  --figma-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --figma-max: 1440px;
  --figma-gap: 2.5rem;
  --figma-ease: cubic-bezier(0.22, 1, 0.36, 1);
}