/*
 * PJP Property OS — Jed Arden brand tokens.
 *
 * Source of truth: the "Brand system" table in plan.md, mirrored from the
 * published Jed Arden brand page. Every font and image referenced here is
 * vendored under /assets — nothing in this file or the app runtime reaches
 * out to an external host. See docs/notes/brand-tokens.md for sources,
 * licenses, and the WCAG contrast analysis behind each pairing.
 *
 * The application shell links this file and maps its own component styles
 * onto these custom properties; nothing here styles components directly.
 */

/* ------------------------------------------------------------------ *
 * Typefaces
 *
 * Both families are variable fonts licensed under the SIL Open Font
 * License 1.1 (license texts sit beside the files in /assets/fonts).
 * The vendored files are the latin subsets; the unicode-range below
 * matches Google's latin subsetting, so anything outside it falls
 * through to the next family in the stack.
 * ------------------------------------------------------------------ */

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/bricolage-grotesque-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Source Serif 4";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/assets/fonts/source-serif-4-latin-var.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ------------------------------------------------------------------ *
 * Font stacks
 *
 * Bricolage Grotesque — product/display type
 * Source Serif 4 — editorial headings
 * System sans — dense application text
 * ------------------------------------------------------------------ */

:root {
  --font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-editorial: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-ui: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ------------------------------------------------------------------ *
 * Color tokens — exact values from the plan.md brand table
 * ------------------------------------------------------------------ */

:root {
  /* Reds */
  --brand-polo-red: #DC3127;        /* primary buttons, selection marks, graphics, active navigation */
  --brand-red-accessible: #C42B20;  /* text links and accent text on light/tinted surfaces */
  --brand-red-dark-accent: #E8564C; /* links and active states on dark surfaces */

  /* Neutrals */
  --brand-ink: #0A0A08;             /* text, bold outlines, high-emphasis dividers */
  --brand-control-black: #070506;   /* sidebar, command console, dark login band */
  --brand-paper: #F9F3EA;           /* main application background */
  --brand-surface: #FFFFFF;         /* cards, dialogs, and forms */

  /* Warm brand surfaces */
  --brand-canvas-cream: #EFDECC;    /* warm panels and brand blocks */
  --brand-skin-tan: #F5B079;        /* illustration details only */
}