/* ==========================================================================
   Nostria design tokens — "Fund Note" light theme.
   The single source of truth for every color, font, and easing curve used
   anywhere in the app. Imported first; all other CSS reads from these.
   Add a `[data-theme="dark"]` block here to introduce dark mode.
   ========================================================================== */

:root[data-theme="light"] {
    /* Surfaces — warm cream paper */
    --paper:        #fbf7ec;
    --paper-tint:   #f5f0e1;
    --surface:      #ffffff;
    --rule:         #ebe3cf;
    --rule-soft:    #f5edd6;
    --rule-strong:  #c8baa0;

    /* Ink — warm dark, plenty of contrast on cream */
    --ink:          #1c1611;   /* primary */
    --ink-mute:     #5b4f3d;   /* secondary */
    --ink-quiet:    #7a6e58;   /* labels */
    --ink-faint:    #a89978;   /* muted */
    --ink-hairline: #c8baa0;

    /* Accent — amber/honey (primary chrome) */
    --accent:       #d97706;
    --accent-soft:  #fef3c7;
    --accent-mute:  #f59e0b;
    --accent-glow:  rgba(217, 119, 6, 0.10);
    --accent-faint: rgba(217, 119, 6, 0.04);

    /* Accent 2 — teal complement (P&L, secondary chrome) */
    --accent-2:       #0d9488;
    --accent-2-soft:  #ccfbf1;
    --accent-2-faint: rgba(13, 148, 136, 0.06);

    /* Accent 3 — plum (budget tile, decorative) */
    --accent-3:       #9333ea;
    --accent-3-soft:  #f3e8ff;
    --accent-3-faint: rgba(147, 51, 234, 0.06);

    /* Verdicts — used on P&L signs, transaction direction, etc. */
    --gain:         #15803d;
    --gain-soft:    #dcfce7;
    --loss:         #b91c1c;
    --loss-soft:    #fee2e2;

    /* Chart canvas mirrors the page tokens */
    --chart-bg:         #ffffff;
    --chart-grid:       #f0e8d3;
    --chart-text:       #5b4f3d;
    --chart-text-mute:  #a89978;
}

/* Typography & motion — theme-independent */
:root {
    --font-sans:    "IBM Plex Sans", system-ui, sans-serif;
    --font-mono:    "IBM Plex Mono", ui-monospace, "SF Mono", monospace;
    --font-serif:   "IBM Plex Serif", Georgia, serif;
    --ease-out:     cubic-bezier(0.16, 1, 0.3, 1);
    --ease-snap:    cubic-bezier(0.4, 0, 0.2, 1);
}