/* budget-dark.css — Dark Mode manifest ("Piggy Slate"). See CONTEXT.md § Dark Mode.
 *
 * This file is a THIN MANIFEST and is intentionally the only place that wires the
 * dark theme together. It does two things and nothing else:
 *   1. @imports the per-area partials (general chrome first, specific surfaces last),
 *   2. defines the Piggy Slate palette as CSS custom properties on `html.theme-dark`.
 *
 * Parallel-safe rule: every later dark-mode issue edits exactly ONE `dark/_*.css`
 * partial and never this manifest, so concurrent worktrees do not collide here.
 *
 * Note: @import statements must precede all other rules per the CSS spec, so the
 * imports come first; custom properties resolve at computed-value time regardless
 * of declaration order, so the partials still see the tokens defined below.
 */

@import "dark/_base.css";      /* page background, base text, navbar bar (darkmode-01) */
@import "dark/_chrome.css";    /* containers, panels, dropdowns, generic chrome */
@import "dark/_nav.css";       /* navbar internals beyond the bar */
@import "dark/_forms.css";     /* inputs, selects, buttons, form controls */
@import "dark/_forecast.css";  /* forecast detail page surfaces */
@import "dark/_tiles.css";     /* savings goal / status tiles */
@import "dark/_cards.css";     /* homepage generated email-style cards */
@import "dark/_graphs.css";    /* light-graph figure framing */
@import "dark/_manage.css";    /* manage-page drawers + the collapsible intro note */

html.theme-dark {
    --dm-bg:      #15151D;  /* page background */
    --dm-surface: #1E1E2A;  /* cards, panels, navbar bar */
    --dm-border:  #313143;  /* hairlines, dividers */
    --dm-text:    #E9E9F1;  /* primary text */
    --dm-muted:   #8F8FA0;  /* secondary / label text */
    --dm-accent:  #FF6A14;  /* carrot accent (actions) */
    --dm-link:    #FF8A42;  /* links / hover */
    --dm-green:   #2BD4A7;  /* finance green: under budget / gain */
    --dm-red:     #F25563;  /* finance red: over / loss */
    --dm-amber:   #F0B73E;  /* warning / test-env glyph */
}
