/* BluuBin Financials - generated from tokens.json */

:root, [data-theme="light"] {
    --background-color: #fff;
    --brand-primary-blue: #060d67;
    --brand-info-blue: #3970d7;
    --brand-gray: #c8c5ba;
    --brand-gray-dark: #928c76;
    --brand-gray-light: #e8e8e8;
    --brand-gray-input: #d1d1d1;
    --brand-gray-placeholder: #999;
    --brand-gray-transparent: rgba(232, 232, 232, 0.5);
    --brand-feedback-green: #147f46;
    --brand-feedback-yellow: #ffdb43;
    --brand-feedback-orange: #fb9665;
    --brand-feedback-error: #fb3748;
    --brand-feedback-red: #af0a16;
    --btn-primary: #2563eb;
    --btn-primary-hover: #1d4fd8;
    --btn-secondary: #475569;
    --btn-secondary-hover: #334155;
    --btn-neutral-color: #475569;
    --btn-neutral-border: #e2e8f0;
    --btn-neutral-color-hover: #1e293b;
    --btn-neutral-background-hover: #f8fafc;
    --btn-neutral-border-hover: #cbd5e1;
    --btn-danger: #dc2626;
    --btn-danger-hover: #b91c1c;
    --btn-teal: #0d9488;
    --btn-teal-hover: #0f766e;
    --grid-header-background: #f1f5f9;
    --grid-header-background-hover: #e2e8f0;
    --grid-header-color: #334155;
    --grid-header-border: #cbd5e1;
    --grid-row-border: #eef1f5;
    --grid-border: #e2e8f0;
    --grid-control-color: #475569;
    --grid-control-color-hover: #1e293b;
    --grid-muted-color: #64748b;
    --grid-disabled-color: #cbd5e1;
    --grid-sort-arrow: #64748b;
    --grid-sort-arrow-hover: #334155;
    --grid-sort-arrow-muted: #94a3b8;
    --grid-empty-icon-color: #cbd5e1;
    --grid-skeleton-color: #eef1f5;
    --grid-focus-ring: rgba(57, 112, 215, 0.28);
    --grid-print-ink: #000;
    --grid-print-rule: #949494;
    --nav-bg: #1a2b6b;
    --nav-accent: #2563eb;
    --nav-hover: rgba(255, 255, 255, 0.12);
    --nav-text: #e8edf8;
    --nav-muted: #94a8d4;
    --nav-border: rgba(255, 255, 255, 0.1);
    --nav-active-bg: rgba(255, 255, 255, 0.15);
    --dropdown-bg: #1e3580;
    --dropdown-border: rgba(255, 255, 255, 0.12);
}

:root {
    --element-spacing: 10px;
    --control-size: 1.3em;
    --control-padding: 3px;
    --control-border-size: 1px;
    --header-height: 36px;
    --footer-height: 25px;
    --btn-icon-size: 18px;
    --btn-padding: 16px;
    --grid-search-width: 220px;
    --grid-sticky-offset: 0px;
    --grid-processing-top: 35px;
    --grid-skeleton-row-pitch: 34px;
    --border-radius: 2px;
    --grid-radius: 6px;
    --font-size: 12px;
    --btn-font-size: 13px;
    --font-body: Inter;
    --font-heading: Cuprum;
    --font-ui: 'DM Sans', system-ui, sans-serif;
}