/* Layer: tokens — Instrument light palette (P0.2). Dark column reserved for future support. */

:root {
    --sidebar-width: 260px;
    --sidebar-width-collapsed: 72px;
    --sidebar-current: var(--sidebar-width);
    /* Colors — Instrument light (theme-instrument.md §Colour › Core tokens) */
    --bg-primary: #f6f8fa;
    --bg-secondary: #ffffff;
    --bg-tertiary: #edf1f4;
    --surface-light: #ffffff;
    --surface-muted: #edf1f4;
    --accent-primary: #17607d;
    --accent-secondary: #0f4a61;
    --accent-soft: #e1edf2;
    --sidebar-bg: #0e1a24;
    --sidebar-bg-secondary: #172b39;
    --text-primary: #0e1a24;
    --text-secondary: #5b6b77;
    --text-muted: #8496a2;
    --border-color: #dce3e8;

    /* On-dark surfaces — sidebar, charts on dark cards (P0.3; dark-column text hues) */
    --on-dark: #ffffff;
    --on-sidebar: #e8eef2;
    --on-sidebar-muted: #9aaebb;
    --on-sidebar-hover: #e8eef2;
    --on-accent-soft: #0e1a24;
    --sidebar-logo-bg: #17607d;

    /* Badge Colors — Instrument light (§Badge and status) */
    --badge-blue: #2c6da8;
    --badge-red: #c2410c;
    --badge-purple: #6b5b95;
    --badge-green: #1f6f52;
    --badge-orange: #b45309;

    /* Money semantics (theme-instrument.md §Money semantics) */
    --money-positive: #1f6f52;
    --money-negative: #c2410c;
    --money-neutral: #0e1a24;

    /* Danger text on dark surfaces — btn-danger-subtle (P0.3; badge-red dark column) */
    --danger-text-on-dark: #f08247;
    --danger-text-on-dark-hover: #f5a574;
    --warning-bg: #fdf3e3;
    --warning-text: #7a4b00;

    /* Role badge gradients — Instrument badge hues (P0.3) */
    --role-owner-start: #b45309;
    --role-owner-end: #92400e;
    --role-admin-start: #6b5b95;
    --role-admin-end: #554872;
    --role-custom-start: #1f6f52;
    --role-custom-end: #185a42;

    /* Combobox type badge text — Instrument badge hues (P0.3) */
    --type-vendor-text: #b45309;
    --type-customer-text: #2c6da8;
    --type-company-text: #6b5b95;
    --type-income-text: #1f6f52;
    --type-expense-text: #b45309;
    --type-equity-text: #6b5b95;
    --type-asset-text: #2c6da8;
    --type-liability-text: #c2410c;

    /* Shell gradient stops — cool Instrument ground (P0.3) */
    --shell-gradient-top: #f6f8fa;
    --shell-gradient-bottom: #edf1f4;
    --shell-radial-accent: rgba(23, 96, 125, 0.08);

    /* Chart palette — Instrument (§Charts; P0.3 app.js reads at render time) */
    --chart-income: #1f6f52;
    --chart-expense: #c2410c;
    --chart-axis: #8496a2;
    --chart-legend-on-dark: #ffffff;
    --chart-legend-on-light: #0e1a24;
    --chart-surface-border: #ffffff;
    --chart-1: #2c6da8;
    --chart-2: #b45309;
    --chart-3: #17607d;
    --chart-4: #6b5b95;
    --chart-5: #c2410c;
    --chart-6: #1f6f52;
    --chart-7: #554872;
    --chart-8: #0f4a61;
    --chart-other: #8496a2;
    --chart-accent-fill: rgba(23, 96, 125, 0.12);

    /* Status misc (P0.3) */
    --status-success-on-dark: #5fbf97;
    --link-accent-bright: #2c6da8;

    /* Shadows — cool ink (§Shadows) */
    --shadow-sm: 0 1px 2px rgba(14, 26, 36, 0.06);
    --shadow-md: 0 10px 24px rgba(14, 26, 36, 0.10);
    --shadow-lg: 0 18px 42px rgba(14, 26, 36, 0.13);

    /* Transitions */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    /* Typography — theme-instrument.md §Typography › Faces (P0.4) */
    --font-ui: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-prose: 'Source Serif 4', Georgia, 'Times New Roman', serif; /* no consumer yet — reports/statements/print */
    --font-data: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}