/* ==========================================================================
   Flexopack — Theme Overrides
   --------------------------------------------------------------------------
   Project-specific identity layered on top of tokens.css. Brand color, brand
   font, and any surface tweaks unique to Flexopack. Keep tokens.css
   reusable across projects; this file is the one to edit per-project.

   Plus Jakarta Sans is self-hosted as a variable font (weights 200–800).
   Latin + Latin-Extended A subsets cover German umlauts + general DACH copy.
   ========================================================================== */

@layer theme {
  :root {
    /* Brand color — warm gold. Locked in the project brief. */
    --primary: oklch(0.787 0.161 91);

    /* Near-black for chrome / dark surfaces. */
    --secondary: oklch(0.088 0.005 18.1);

    /* Pure white body background. */
    --bg-body: oklch(1 0 0);
    --bg-surface: oklch(1 0 0);

    /* Type family. */
    --font-primary: "Plus Jakarta Sans Variable", "Plus Jakarta Sans",
                    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-secondary: var(--font-primary);
  }

  /* ----------------------------------------------------------------
     Web fonts — Plus Jakarta Sans (variable, latin + latin-ext)
     Fontsource-bundled woff2 files, SIL OFL 1.1.
     ---------------------------------------------------------------- */

  @font-face {
    font-family: "Plus Jakarta Sans Variable";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("/assets/fonts/PlusJakartaSans-Variable-latin.woff2") format("woff2-variations"),
         url("/assets/fonts/PlusJakartaSans-Variable-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                   U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191,
                   U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  @font-face {
    font-family: "Plus Jakarta Sans Variable";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("/assets/fonts/PlusJakartaSans-Variable-latin-ext.woff2") format("woff2-variations"),
         url("/assets/fonts/PlusJakartaSans-Variable-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
                   U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
}