/* Fidelity Endeavor — colour.
   The house has three values and no accent. Brand accents live ONLY inside
   their own brand sections, as hairlines or marks — never fills, never gradients,
   never adjacent to one another. */

:root {
  /* --- House palette (the only colours the parent chrome may use) --- */
  --paper: #FBFAF7;   /* canvas — never pure white */
  --ink:   #171E2A;   /* type, hairline rules, dark sections */
  --muted: #5A6B7B;   /* secondary type only — never a fill */

  /* --- Ink at opacity, for hairlines and washes over paper --- */
  --ink-88: rgba(23, 30, 42, 0.88);
  --ink-64: rgba(23, 30, 42, 0.64);
  --ink-40: rgba(23, 30, 42, 0.40);
  --ink-16: rgba(23, 30, 42, 0.16);
  --ink-10: rgba(23, 30, 42, 0.10);
  --hairline: rgba(23, 30, 42, 0.14);  /* the standard 1px rule */
  --hairline-strong: rgba(23, 30, 42, 0.28);

  /* --- Paper at opacity, for type and rules over ink (dark sections) --- */
  --paper-88: rgba(251, 250, 247, 0.88);
  --paper-64: rgba(251, 250, 247, 0.64);
  --paper-40: rgba(251, 250, 247, 0.40);
  --hairline-inverse: rgba(251, 250, 247, 0.18);

  /* --- Semantic aliases (house) --- */
  --surface:        var(--paper);
  --surface-ink:    var(--ink);      /* dark section background */
  --text-primary:   var(--ink);
  --text-secondary: var(--muted);
  --text-inverse:   var(--paper);
  --text-inverse-secondary: var(--paper-64);
  --rule:           var(--hairline);
  --rule-strong:    var(--hairline-strong);
  --rule-inverse:   var(--hairline-inverse);

  /* --- Brand accents — SCOPED USE ONLY (see [data-brand]) --- */
  --folven-brass: #96825C;   /* FOLVEN — aged brass */
  --aurin-aurum:  #B8924A;   /* AURIN — aurum */
}

/* Brand accents are exposed as --brand-accent only within a scoped section.
   Consumers set data-brand="folven" | "aurin" on the brand block. Nothing
   outside such a block should reference --brand-accent. */
[data-brand="folven"] { --brand-accent: var(--folven-brass); }
[data-brand="aurin"]  { --brand-accent: var(--aurin-aurum); }