/* variables.css — fonts + design tokens */

@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Cera Pro";
  src: url("../fonts/CeraPro-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Caveat";
  src: url("../fonts/Caveat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* fonts */
  --font-main: "Cera Pro", "Segoe UI", system-ui, sans-serif;
  --font-accent: "Caveat", cursive;

  /* colors */
  --color-ink: #0b1725;
  --color-ink-2: #253547;
  --color-white: #ffffff;
  --color-green: #4aa78e;
  --color-green-dark: #2f8f74;
  --color-green-light: #a7d7c5;
  --color-green-pale: #e8f4ef;
  --color-mint-bg: #d7ede4;
  --color-muted: #5b6b7a;
  --color-line: #d5dee6;

  /* layout */
  --page-pad-web: 80px;
  --page-pad-tablet: 40px;
  --page-pad-mobile: 20px;
  --content-max: 1920px;
}