/* Recallit brand tokens (BP82). One set for every page: the Library, Discover, admin, the public pages and the sign-in card.
   Orange #C2410C is the accent. --brand is a FILL: white text on it is 5.2:1 in both themes. --brand-text is orange used AS TEXT
   (links, small labels): the same orange on paper (4.6:1), a lighter one on dark (8.2:1). Colour pairs are checked by test_blueprint82. */
:root {
    --brand: #C2410C;          /* buttons and other fills, with --on-brand text */
    --brand-hover: #9A3412;    /* the hover fill, with --on-brand text (7.3:1) */
    --brand-text: #C2410C;     /* orange text, links, focus rings, the mark */
    --brand-strong: #9A3412;   /* text on --brand-soft (6.2:1) */
    --brand-soft: #FCE8DA;     /* chips and quiet backgrounds */
    --brand-line: #FDBA74;     /* thin borders in the brand colour */
    --on-brand: #ffffff;       /* text on a --brand background */
}

:root[data-theme="dark"] {
    --brand: #C2410C;
    --brand-hover: #9A3412;
    --brand-text: #FB923C;
    --brand-strong: #FDBA74;
    --brand-soft: #3B1F10;
    --brand-line: #7C2D12;
    --on-brand: #ffffff;
}

.brand-mark { fill: var(--brand-text); flex: none; }