:root {
  /* ================= BRAND ================= */

  --brand-sage: #9FB7AA;
  --brand-peach: #C69C84;
  /* Updated to darker copper/terracotta */
  --brand-lavender: #C3B6CF;
  --brand-beige: #F5EFEA;
  --brand-offwhite: #FBF9F7;

  /* ================= UI COLORS ================= */

  --color-primary: var(--brand-sage);
  --color-accent: var(--brand-peach);
  --color-secondary: var(--brand-lavender);

  --color-bg: var(--brand-offwhite);
  --color-bg-soft: var(--brand-beige);

  --color-text: #2F2F2F;
  --color-text-muted: #6F6F6F;

  --color-border: #E3DDD7;
  --color-divider: #EFEAE6;

  /* ================= TYPOGRAPHY ================= */

  /* ================= FONTS ================= */

  --font-heading: 'Cormorant Garamond', serif;
  --font-ui: 'Raleway', system-ui, -apple-system, sans-serif;

  /* ================= H1 ================= */
  --h1-desktop: 48px;
  --h1-mobile: 32px;
  --h1-lh-desktop: 64px;
  --h1-lh-mobile: 48px;

  /* ================= H2 ================= */
  --h2-desktop: 48px;
  --h2-mobile: 28px;
  --h2-lh-desktop: 1.2;
  --h2-lh-mobile: 1.2;

  /* ================= H3 ================= */
  --h3-desktop: 28px;
  --h3-mobile: 18px;
  --h3-lh-desktop: 32px;
  --h3-lh-mobile: 28px;

  /* ================= H4 ================= */
  --h4-desktop: 22px;
  --h4-mobile: 16px;
  --h4-lh-desktop: 30px;
  --h4-lh-mobile: 24px;

  /* ================= BODY ================= */
  --text-lg: 18px;
  --text-md: 16px;
  --text-sm: 14px;
  --text-xs: 12px;

  --lh-lg: 26px;
  --lh-md: 24px;
  --lh-sm: 22px;
  --lh-xs: 20px;


  /* ================= LAYOUT ================= */

  --container-width: 1400px;
  --container-padding: 20px;

  /* ================= UI ================= */

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;

  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;

  /* ================= BUTTON ================= */

  --btn-outline: #D9A38A;
  /* peach (обводка + текст) */
  --btn-fill: #D08F6A;
  /* активное состояние */
  --btn-sage: #9FB7AA;
  /* для градиента */
  --btn-disabled: #D8CEC6;
}