/* wickedwifey.com brand tokens (2026-11-07 (ggg)). ONE file shared by the landing page + section
   pages, the kink profiler (/profiler/) and the Wheel of Misfortune. Source of truth:
   ~/projects/wickedwifey.com/brand/brand.css, installed as /assets/css/9ba413445369.css.
   Cherry is THE brand colour; everything else is an accent around it. Each app maps its own
   variables onto these rather than restating hex values, so a change here moves all three.
   The *-rgb triplets are for alpha: rgba(var(--ww-cherry-rgb), 0.3). */

/* Alegreya + Alegreya Italic (Juan Pablo del Peral / Huerta Tipográfica), SIL Open Font
   License 1.1. Latin subsets (pyftsubset,
   variable wght kept); recipe in brand/README.md. */
@font-face {
    font-family: 'Alegreya'; font-style: normal; font-weight: 400 900; font-display: swap;
    src: url('/assets/fonts/550675b5ab0e.woff2') format('woff2');
}
@font-face {
    font-family: 'Alegreya'; font-style: italic; font-weight: 400 900; font-display: swap;
    src: url('/assets/fonts/5b1628a9fac6.woff2') format('woff2');
}
/* Wicked Queen (fontspace f40597, designer anonymous): freeware, non-commercial; embedding allowed
   (OS/2 fsType 0). The display face for names (Drew 2026-11-07, journal (hhh)). Caps only (the
   lowercase are small caps). Built by brand/README.md: its straight ' is a floating tick, so the
   webfont maps ' to its own curly ’ and " to its ”. It has no & $ % @ # ·: the second face below
   fills exactly those from Alegreya Italic, whose calligraphic & matches the flame strokes. */
@font-face {
    font-family: 'Wicked Queen'; font-style: normal; font-weight: 400 900; font-display: swap;
    src: url('/assets/fonts/09e6a1c02b62.woff2') format('woff2');
}
@font-face {
    font-family: 'Wicked Queen'; font-style: normal; font-weight: 400 900; font-display: swap;
    src: url('/assets/fonts/5b1628a9fac6.woff2') format('woff2');
    unicode-range: U+0023-0026, U+0040, U+00B7;
}

:root {
    /* cherry, in three states: the solid brand red, lit (neon tube, glows), deep (stained surfaces) */
    --ww-cherry: #d2042d;        --ww-cherry-rgb: 210, 4, 45;
    --ww-cherry-lit: #ff3355;    --ww-cherry-lit-rgb: 255, 51, 85;
    --ww-cherry-glow: #ff5c74;   --ww-cherry-glow-rgb: 255, 92, 116;   /* hover / focus on the lit red */
    --ww-oxblood: #8c0f1d;       --ww-oxblood-rgb: 140, 15, 29;
    --ww-wine: #3a0710;          --ww-wine-rgb: 58, 7, 16;             /* the darkest red: wells, pressed */

    /* the spooky accents: lightning violet, bone, tarnished brass, grave moss (sparingly) */
    --ww-violet: #a99ee4;        --ww-violet-rgb: 169, 158, 228;
    --ww-bone: #e6ddce;          --ww-bone-rgb: 230, 221, 206;
    --ww-brass: #a8946c;         --ww-brass-rgb: 168, 148, 108;
    --ww-moss: #6f8a6a;          --ww-moss-rgb: 111, 138, 106;         /* "done"/success, never decoration */

    /* text: moonlit mist, with its fades */
    --ww-mist: #e2ddec;          --ww-mist-rgb: 226, 221, 236;
    --ww-mist-dim: rgba(226, 221, 236, 0.62);
    --ww-mist-faint: rgba(226, 221, 236, 0.42);

    /* night + smoke: panels are translucent smoke with no hard edge, or at most a cherry hairline */
    --ww-night: #08060b;         --ww-night-rgb: 11, 10, 15;
    --ww-smoke: rgba(11, 10, 15, 0.62);
    --ww-smoke-deep: rgba(11, 10, 15, 0.86);
    --ww-smoke-veil: 0 0 40px 18px rgba(11, 10, 15, 0.55);   /* box-shadow that bleeds a panel into the dark */
    --ww-hair: rgba(210, 4, 45, 0.38);
    --ww-hair-lit: rgba(255, 92, 116, 0.75);
    --ww-blur: blur(10px);

    /* lettering: Alegreya says everything, Wicked Queen only names things (titles, section heads) */
    --ww-serif: 'Alegreya', Georgia, 'Times New Roman', serif;
    --ww-display: 'Wicked Queen', 'Alegreya', Georgia, serif;
    --ww-label-spacing: 0.18em;   /* small-caps labels: uppercase + this tracking, at ~0.72em */
}