/* Shared design tokens for the app shell (sidebar, footer, main layout chrome).
   Mirrors the palette/type scale defined in wwwroot/vault/styles.css (the landing page)
   so the rest of the app reads as one product. */
:root {
    --accent: #f5b50a;
    --accent-2: #ffd66b;
    --accent-rim: #f5b50a;
    --accent-soft: rgba(245, 181, 10, 0.12);
    --accent-glow: rgba(245, 181, 10, 0.35);

    --bg: #0c0a07;
    --bg-2: #110d09;
    --surface: #1a140d;
    --surface-2: #201910;
    --surface-3: #2a2116;
    --line: rgba(255, 236, 206, 0.085);
    --line-strong: rgba(255, 236, 206, 0.15);

    --text: #f6f1e7;
    --text-muted: #ada292;
    --text-dim: #756c5d;
    --sun: #ffcf73;
    --sand: #d8b582;
    --haze: rgba(216, 181, 130, 0.06);

    --pos: #3ddc84;
    --neg: #ff5d5d;

    --font-display: "Chakra Petch", "Space Grotesk", system-ui, sans-serif;
    --font-body: "Manrope", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, monospace;

    --maxw: 1240px;
    --ease: cubic-bezier(0.16, 1, 0.3, 1);

    /* Single breakpoint the whole shell (sidebar/burger, main layout, footer) agrees on. */
    --shell-breakpoint: 992px;
}