/* ===== Светлана Пономаренко — Design System ===== */
/* This file: @imports + :root tokens only */

@import url('base.css');
@import url('nav.css');
@import url('hero.css');
@import url('sections.css');
@import url('cards.css');
@import url('products.css');
@import url('telegram.css');
@import url('buttons.css');
@import url('faq.css');
@import url('footer.css');
@import url('responsive.css');
@import url('animations.css');

/* ===== Primitive Tokens ===== */
:root {
  --color-warm-50: #FDFAF6;
  --color-warm-100: #F5EDE4;
  --color-warm-200: #E8DED4;
  --color-warm-300: #D4C8BA;
  --color-warm-400: #B8A898;
  --color-warm-700: #6B6560;
  --color-warm-900: #2C2824;
  --color-bronze-500: #9E7B5B;
  --color-bronze-600: #846548;
  --color-white: #FFFFFF;

  /* ===== Semantic: Surfaces ===== */
  --surface-primary: var(--color-warm-50);
  --surface-secondary: var(--color-warm-100);
  --surface-card: var(--color-white);
  --surface-overlay: rgba(44, 40, 36, 0.5);

  /* ===== Semantic: Text ===== */
  --text-primary: var(--color-warm-900);
  --text-secondary: var(--color-warm-700);
  --text-on-accent: var(--color-white);
  --text-link: var(--color-bronze-500);

  /* ===== Semantic: Borders ===== */
  --border-default: var(--color-warm-200);
  --border-subtle: var(--color-warm-100);

  /* ===== Semantic: Accent ===== */
  --accent-default: var(--color-bronze-500);
  --accent-hover: var(--color-bronze-600);
  --accent-subtle: var(--color-warm-100);

  /* ===== Typography ===== */
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-size-h1: 3rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.375rem;
  --font-size-body: 1.0625rem;
  --font-size-small: 0.9375rem;
  --line-height-heading: 1.25;
  --line-height-body: 1.65;

  /* ===== Spacing ===== */
  --spacing-section: 96px;
  --spacing-block: 48px;
  --spacing-element: 24px;
  --spacing-small: 12px;
  --content-width: 1080px;
  --content-narrow: 720px;

  /* ===== Radii ===== */
  --radius-card: 12px;
  --radius-btn: 8px;

  /* ===== Shadows ===== */
  --shadow-card: 0 1px 4px rgba(44, 40, 36, 0.06);
  --shadow-nav: 0 1px 3px rgba(44, 40, 36, 0.04);

  /* ===== Transitions ===== */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;
}