/**
 * Forum — design tokens (STG-UI-002 premium palette)
 * Scoped to #page-forum so Browse / home remain unchanged.
 * Maps --app-* vars to the premium white / ink / lime system.
 */

#page-forum.page {
    /* Spacing */
    --fm-sp-1: 4px;
    --fm-sp-2: 8px;
    --fm-sp-3: 12px;
    --fm-sp-4: 16px;
    --fm-sp-5: 20px;
    --fm-sp-6: 24px;
    --fm-sp-7: 32px;

    /* Radius (generous — premium) */
    --fm-r-sm: 8px;
    --fm-r-md: 16px;
    --fm-r-lg: 24px;
    --fm-r-xl: 32px;
    --fm-r-pill: 9999px;

    /* Motion */
    --fm-dur-1: 120ms;
    --fm-ease: cubic-bezier(.2, .6, .2, 1);

    /* Fonts */
    --fm-font-display: "Fraunces", Georgia, serif;
    --fm-font-ui: "Inter Tight", "Inter", system-ui, sans-serif;
    --fm-font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

    /* Surfaces */
    --fm-paper:   #ffffff;
    --fm-paper-2: #fafaf7;
    --fm-paper-3: #f3f2ee;

    /* Pop fills */
    --fm-pop-mint:     #b8e6c9;
    --fm-pop-peach:    #f6c7b8;
    --fm-pop-sky:      #b9dee6;
    --fm-pop-lavender: #cbb9e0;
    --fm-pop-cream:    #f4ecd8;

    /* Semantic aliases — used by forum.css + children */
    --text-primary: #161a14;
    --text-soft:    #6b6b5f;
    --accent:       #d9f274;

    --app-accent:         #d9f274;
    --app-surface:        #ffffff;
    --app-surface-raised: #fafaf7;
    --app-surface-sunken: #f3f2ee;
    --app-text-body:      #161a14;
    --app-text-muted:     #6b6b5f;
    --app-text-faint:     #a6a59b;
    --app-border:         rgba(22, 26, 20, 0.08);
    --app-border-strong:  rgba(22, 26, 20, 0.16);
    --app-link:           #38382f;
    --app-link-hover:     #161a14;
    --app-danger:         #b44a3a;
    --app-success:        #3a7a4f;
    --accent-soft:        #f0fadf;

    /* Dark band — category section headers */
    --band-bg:   #161a14;
    --band-text: #f4ecd8;

    /* Focus */
    --focus-ring: #161a14;
}

/* ── Forum dark mode ──────────────────────────────────────────────────────────
   Hiérarchie : body (#12160f) < surface (#1e2419) < raised (#28301f) > sunken (#161a14)
   Pop fills : sombres mais colorés (≈ 25–30 % luminosité), lisibles sur fond sombre.
   ──────────────────────────────────────────────────────────────────────────── */
[data-theme="dark"] #page-forum.page {
    /* Surfaces — hiérarchie claire au-dessus du fond body #12160f */
    --fm-paper:   #1e2419;   /* cartes / panels — visible au-dessus du body */
    --fm-paper-2: #252b1f;   /* éléments légèrement élevés */
    --fm-paper-3: #161a14;   /* zones enfoncées / sunken */

    /* Pop fills — sombres mais colorés, reconnaissables */
    --fm-pop-mint:     #2a5040;   /* vert forêt sombre */
    --fm-pop-peach:    #4a3028;   /* argile sombre */
    --fm-pop-sky:      #253848;   /* bleu ardoise sombre */
    --fm-pop-lavender: #362848;   /* violet sombre */
    --fm-pop-cream:    #3a3028;   /* brun chaud sombre */

    /* Semantic aliases */
    --text-primary: #f0ebe0;
    --text-soft:    #8a857a;
    --accent:       #d9f274;

    --app-accent:         #d9f274;
    --app-surface:        #1e2419;   /* cartes — au-dessus du fond */
    --app-surface-raised: #252b1f;   /* panels élevés */
    --app-surface-sunken: #161a14;   /* zones enfoncées */
    --app-text-body:      #f0ebe0;
    --app-text-muted:     #8a857a;
    --app-text-faint:     #5a5850;
    --app-border:         rgba(240, 235, 224, 0.10);
    --app-border-strong:  rgba(240, 235, 224, 0.20);
    --app-link:           #c8c3ad;
    --app-link-hover:     #f0ebe0;
    --app-danger:         #e06050;
    --app-success:        #5aaa70;
    --accent-soft:        #1d2e10;

    /* Dark band — reste sombre mais distinct */
    --band-bg:   #161a14;
    --band-text: #f4ecd8;

    /* Focus */
    --focus-ring: #d9f274;
}