@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap');
:root {
  --text-color: #181114;
  --text-color-secondary: var(--surface-600);
  --text-size-large: 1.1rem;
  --text-size-medium: 1rem;
  --text-size: 0.85rem;
  --text-size-small: 0.75rem;
  --transition-duration: 0.15s;
  --border-radius: 6px;
  --primary-color: #2A8078;
  --accent-color: #8AE3AE;
  --gradient-color-1: rgba(48, 156, 149, 0.5);
  --gradient-color-2: rgba(159, 243, 180, 0.5);
  --primary-color-text: #ffffff;
  --surface-ground: var(--surface-100);
  --surface-section: var(--surface-0);
  --surface-card: var(--surface-0);
  --surface-overlay: var(--surface-0);
  --surface-border: var(--surface-300);
  --surface-hover: var(--surface-50);
}