:root {
  /* Colors */
  --primary-blue: #2c628c;
  --mint-green: #95d0c0;
  --white: #ffffff;
  --light-blue: #f6f9fb;
  --warm-orange-cta: #FF7A59;
  --sky-blue: #4ba3e3;
  --healing-green: #64a882;

  /* Fonts */
  --font-family-japanese: 'Noto Sans JP', sans-serif;
  --font-family-english: 'Montserrat', 'Poppins', sans-serif;

  /* Font Sizes */
  --font-size-base: 1rem; /* 16px */
  --font-size-md: 1.125rem; /* 18px */
  --font-size-lg: 1.375rem; /* 22px */
  --font-size-xl: 1.75rem; /* 28px */
  --font-size-xxl: 2.25rem; /* 36px */

  /* Line Heights */
  --line-height-base: 1.7;
  --line-height-heading: 1.4;

  /* Spacing */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;

  /* Other */
  --border-radius: 8px;
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --transition: 0.3s ease-in-out;
}