/*
	Fonts loaded from public/fonts,
	served at "/fonts/..." by Vite static public folder.
	Provides @font-face for Graphik (woff + ttf) and NewSpirit (otf)
	and small utility classes to apply them.
*/

/* Graphik */
@font-face {
  font-family: "Graphik";
  src:
    url("./fonts/Graphik/Regular.woff"),
    url("./fonts/Graphik/Regular.ttf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

/* NewSpirit */
@font-face {
  font-family: "NewSpirit";
  src: url("./fonts/NewSpirit/Regular.otf");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "NewSpirit";
  src: url("./fonts/NewSpirit/Semibold.otf");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "NewSpirit";
  src: url("./fonts/NewSpirit/Bold.otf");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Family helpers */
.ff-graphik {
  font-family:
    "Graphik",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

.ff-newspirit {
  font-family:
    "NewSpirit",
    "Graphik",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}

/* Per-weight utility classes */
.graphik-regular {
  font-family: "Graphik";
  font-weight: 400;
}
.graphik-medium {
  font-family: "Graphik";
  font-weight: 500;
}

.newspirit-regular {
  font-family: "NewSpirit";
  font-weight: 400;
}
.newspirit-medium {
  font-family: "NewSpirit";
  font-weight: 500;
}
.newspirit-semibold {
  font-family: "NewSpirit";
  font-weight: 600;
}
.newspirit-bold {
  font-family: "NewSpirit";
  font-weight: 700;
}

/* Optional short names */
.font-graphik {
  font-family:
    "Graphik",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}
.font-newspirit {
  font-family:
    "NewSpirit",
    "Graphik",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    sans-serif;
}
