/*
 * brand.css — Generated by render_brand_css.php
 * DO NOT EDIT MANUALLY — overwritten on save from the dashboard.
 *
 * Load order: brand.css → tokens.css → component CSS
 *
 * This file owns two responsibilities:
 *   1. @font-face declarations (auto-discovered from assets/font/)
 *   2. Brand custom properties:
 *      a. Decomposed HSL primitives  (consumed by tokens.css)
 *      b. Full hsl() shorthands      (backward-compatible aliases)
 *      c. Font-stack & weight tokens
 */

/* ── Font Declarations ──────────────────────────────── */
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-Thin.woff2') format('woff2');
  font-weight: 100; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-ExtraLight.woff2') format('woff2');
  font-weight: 200; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-Light.woff2') format('woff2');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-Regular.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-Medium.woff2') format('woff2');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-SemiBold.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-Bold.woff2') format('woff2');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-ExtraBold.woff2') format('woff2');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'lexend';
  src: url('../font/lexend/Lexend-Black.woff2') format('woff2');
  font-weight: 900; font-style: normal; font-display: swap;
}

/* ── Brand Custom Properties ────────────────────────── */
:root {

  /* ── Decomposed HSL primitives ──────────────────────
   * tokens.css uses these to compute tints, shades, and
   * alpha variants via hsl(var(--primary-h) ...) + calc().
   * NEVER use these directly in component CSS — use the
   * semantic tokens from tokens.css instead.
   * ──────────────────────────────────────────────────── */

  /* Primary */
  --primary-h: 0;
  --primary-s: 9%;
  --primary-l: 37%;

  /* Secondary */
  --secondary-h: 30;
  --secondary-s: 77%;
  --secondary-l: 35%;

  /* Accent */
  --accent-h: 37;
  --accent-s: 64%;
  --accent-l: 49%;

  /* ── Full hsl() shorthands (backward-compatible) ────
   * Kept for any legacy code that still references
   * --color-primary / --color-secondary / --color-accent
   * directly. tokens.css re-declares these via the
   * decomposed primitives above.
   * ──────────────────────────────────────────────────── */
  --color-primary:   hsl(0 9% 37%);
  --color-secondary: hsl(30 77% 35%);
  --color-accent:    hsl(37 64% 49%);

  /* ── Font stacks ────────────────────────────────────── */
  --font-body:    'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Lexend', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Font weights ───────────────────────────────────── */
  --fw-light:  300;
  --fw-normal: 400;
  --fw-medium: 500;
  --fw-bold:   700;
}