/* Google Fonts Import */
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");

:root {
  /* FONT FAMILY */
  --font-body: "Inter", sans-serif;

  /* FONT SIZES (consistent scale) */
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h3: 24px; /* 👈 card titles */
  --fs-body: 16px;

  /* MOBILE SCALE */
  --fs-h1-mobile: 32px;
  --fs-h2-mobile: 26px;
  --fs-h3-mobile: 20px;
  --fs-body-mobile: 14px;

  /* BUTTON */
  --btn-padding: 12px 24px;
  --btn-font-size: 16px;

  /* Button Colors */
  --btn-bg: linear-gradient(314.7deg, #571a1b 6%, #902a2c 100%);
  --btn-bg-hover: linear-gradient(250.7deg, #802d2e 6%, #a03c3e 100%);
  --btn-text: #ffffff;
  --app-color: #902a2c;

  /* Background Colors */
  --bg-white: #ffffff;
  --bg-light: #f5f5f5;
  --bg-badge: #f6e7e7;

  --bg-light: #f7f5f3;
  /* --- FONTS --- */
  /* --font-heading: 'Playfair Display', serif;
    --font-script: 'Dancing Script', cursive; */
  --font-body: "DM Sans", sans-serif;
  --font-heading: #181818;
  --badge: #902a2c;

  /* --- LAYOUT --- */
  --header-height: 90px;
  --container-width: 1200px;

  --card-1-bg: linear-gradient(135deg, #6e3a4f 6%, #34101f 100%);
  --card-2-bg: linear-gradient(270deg, #9f3323 6%, #d56947 100%);
  --card-3-bg: linear-gradient(135deg, #b34148 6%, #6d0d12 100%);
  --card-4-bg: linear-gradient(135deg, #6f3387 6%, #2a103a 100%);
  --card-5-bg: linear-gradient(90deg, #4b8086 6%, #0b393f 100%);
  --card-6-bg: linear-gradient(125deg, #556b2f 6%, #1e2a14 100%);
}