/* ============================================================================
   PER-CLIENT BRAND OVERRIDES
   ----------------------------------------------------------------------------
   This is the ONLY stylesheet a client copy edits to reskin the build. It is
   loaded AFTER theme.css, so anything set here wins. Every slot ships
   commented out: the component runs on the 187N corporate default until a
   client build uncomments its brand values.

   HOW IT WORKS: theme.css consumes each slot through
       var(--client-accent, <187N default>)
   so an override here re-points the value in ALL three modes at once
   (corporate, light, dark). The brand color stays constant; the mode only
   changes surfaces and ink around it.

   DO NOT add structural overrides here (ink weights, lines, status colors,
   shadows, spacing, the band contract). Those are locked on purpose so a
   client copy cannot drift the system. If a client genuinely needs a
   structural change, that is a system change, not a client override.

   Non-CSS brand data (business name, logo path, document title) lives in
   client.config.js, which the app reads at runtime.
   ============================================================================ */

/* Bamboo Disposables brand fonts (brand book 11: serif draagt, Assistant
   werkt; Lora is the book's own render substitute for the licensed display
   serif). Self-hosted latin subsets; Assistant is a variable font. */
@font-face {
  font-family: "Assistant";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/static/assets/fonts/assistant-latin.woff2") format("woff2");
}
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/static/assets/fonts/lora-latin.woff2") format("woff2");
}

:root {
  /* ---- ACCENT (the one brand color) -------------------------------------- */
  /* Bamboo Disposables brand palette per the brand book (editie 01, juli
     2026): olijfgroen #506D00 is HET merk-accent (measured from the logo,
     confirmed by brand book 10). Dennengroen #1F3728 carries the darkened
     ink duty. */
  --client-accent:       #506D00;                 /* olijfgroen, the brand color */
  --client-accent-ink:   #1F3728;                 /* dennengroen for text on an accent tint */
  --client-accent-glow:  rgba(80,109,0,.16);      /* accent glow alpha */
  --client-gradient:     linear-gradient(110deg, #506D00, #7E9C2A); /* thin accent hairline mark */

  /* ---- TYPE (brand book 11) ---------------------------------------------- */
  --client-font-display: "Lora", Georgia, "Times New Roman", serif;
  --client-font-sans:    "Assistant", "Segoe UI", system-ui, sans-serif;

  /* ---- TYPE -------------------------------------------------------------- */
  /* Provide a full font-family stack. If self-hosting, add the @font-face
     rules below this block and reference the family name here. */
  /* --client-font-display: "Schibsted Grotesk", "Inter", system-ui, sans-serif; */
  /* --client-font-sans:    "Schibsted Grotesk", "Inter", system-ui, sans-serif; */
  /* --client-font-mono:    "Geist Mono", ui-monospace, monospace; */

  /* ---- GEOMETRY (optional) ----------------------------------------------- */
  /* One multiplier softens (1.3) or sharpens (0.7) every radius at once. */
  /* --client-radius-scale: 1; */
}
