/*
  Tacassure brand typography — Fontatica (primary) + SF Pro Display (secondary)

  HOW TO ADD FILES (put licensed .woff2 in /assets/fonts/)

  1) Fontatica
     - From your type foundry / brand pack, export or obtain:
       Fontatica-Regular.woff2 (+ .woff optional)
       Fontatica-Bold.woff2 (+ .woff optional)
     - Match the filenames below, or edit the url() paths.

  2) SF Pro Display
     - Apple distributes SF fonts for design use; embedding on a public website may
       require your own legal check. If you have webfont rights, add e.g.:
       SFProDisplay-Regular.woff2, SFProDisplay-Medium.woff2,
       SFProDisplay-Semibold.woff2, SFProDisplay-Bold.woff2
     - If these files are missing, the browser uses "Inter" next (loaded from Google
       Fonts in index.html) so body/UI still look consistent everywhere.

  3) Commit fonts into git and deploy (e.g. Vercel) so visitors can download them.
*/

@font-face {
  font-family: "Fontatica";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("Fontatica"),
    local("Fontatica Regular"),
    url("../assets/fonts/Fontatica-Regular.woff2") format("woff2"),
    url("../assets/fonts/Fontatica-Regular.woff") format("woff");
}

@font-face {
  font-family: "Fontatica";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("Fontatica Bold"),
    local("Fontatica-Bold"),
    url("../assets/fonts/Fontatica-Bold.woff2") format("woff2"),
    url("../assets/fonts/Fontatica-Bold.woff") format("woff");
}

@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local("SF Pro Display Regular"),
    local(".SFNSDisplay-Regular"),
    url("../assets/fonts/SFProDisplay-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local("SF Pro Display Medium"),
    url("../assets/fonts/SFProDisplay-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local("SF Pro Display Semibold"),
    url("../assets/fonts/SFProDisplay-Semibold.woff2") format("woff2");
}

@font-face {
  font-family: "SF Pro Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local("SF Pro Display Bold"),
    url("../assets/fonts/SFProDisplay-Bold.woff2") format("woff2");
}

:root {
  /* Primary — headlines, display, logo wordmark */
  --font-display: "Fontatica", "Michroma", ui-sans-serif, system-ui, sans-serif;
  /* Secondary — body, UI (hosted SF Pro if present, else Inter, else system UI fonts) */
  --font-body: "SF Pro Display", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}