/* ---------- Typography ----------
   Display / luxury headings -> Cormorant Garamond (elegant serif, like the
     reference luxury sites: By Kilian, Hermès, La Réserve).
   English brand / body -> Aharoni CLM (self-hosted, per SkinWorks font guide),
     with Segoe UI as the Windows system fallback.
   Chinese -> system rounded/gothic (圓體) fallbacks.

   NOTE: this file lives in /assets/css/, so font URLs are relative to it
   (../fonts/...). The Google Fonts import provides the serif display face.
---------------------------------- */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap");

@font-face {
    font-family: "Aharoni CLM";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local("Aharoni CLM"),
        url("../fonts/AharoniCLM-Book.woff") format("woff");
}

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

:root {
    /* Elegant serif for big display headings */
    --font-display: "Cormorant Garamond", "Times New Roman", serif;
    /* Clean geometric sans for nav / labels / UI */
    --font-sans: "Jost", "Aharoni CLM", "Segoe UI", "PingFang TC",
        "Microsoft JhengHei", "Noto Sans TC", Tahoma, sans-serif;
    /* Brand / body */
    --font-body: "Aharoni CLM", "Segoe UI", "PingFang TC",
        "Microsoft JhengHei", "Noto Sans TC", Tahoma, sans-serif;
}