@import url("https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap");

:root {
  /* === Brand fonts === */
  --font-default: "Lato", sans-serif;
  --font-title: "Afacad", sans-serif;

  /* === ARMPO design tokens === */
  --color-text-dark: #071d1f;
  --color-text-body: #354543;
  --color-section-title: #305c5f;
  --color-mint: #b1ebe0;
  --color-teal: #91c3b9;

  /* === Legacy vars (kept for parent theme compatibility) === */
  --white: #fff;
  --main_primary: #305c5f;
  --main_primary_dark: #071d1f;
  --main_primary_darker: #305c5f;
  --main_primary_medium: #91c3b9;
  --main_primary_light: #b1ebe0;
  --main_primary_lighter: #e6f7f4;
  --main_primary_very_light: #f5fbf9;

  /* legacy "secondary" remapped to ARMPO charter (no orange in the theme) */
  --main_secondary: #305c5f;
  --main_secondary_light: #b1ebe0;
  --main_secondary_lighter: #e6f7f4;

  --green: #305c5f;
  --lightgreen: #b1ebe0;
  --verylightgreen: #e6f7f4;

  --grey: #737b7d;
  --mediumgrey: #92a1ac;
  --lightgrey: #fafafa;
  --darkgrey: #354543;

  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;

  --radius-big: 100px;
  --radius-medium: 50px;
  --radius-small: 15px;
  --shadow: 0 0 7px 0 rgba(0, 0, 0, 0.12);
}