:root {
  --teal: #17a7b7;
  --teal-deep: #0d8f9e;
  --blue: #0981b0;
  --petrol: #0e3d45;
  --navy: #0d1b2a;
  --mint: #f0fdfa;
  --mint-mid: #bef7ea;
  --paper: #f7f8f9;
  --white: #ffffff;
  --success: #0e9e6e;
  --error: #d93025;
  --warning: #d4801a;

  --font-serif: "Lora", Georgia, "Times New Roman", serif;
  --font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --shadow-sm: 0 10px 30px rgb(13 27 42 / 8%);
  --shadow-md: 0 22px 52px rgb(13 27 42 / 14%);
  --border: 1px solid rgb(14 61 69 / 13%);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --max-width: 1100px;
  --section-space: clamp(72px, 8vw, 118px);
  --header-height: 72px;
}