/**
 * KitSofts typography scale — numeric sizes only (no palette / sidebar color overrides).
 */

html[data-hkits-theme] {
    /* Sidebar — readable scale */
    --hkits-sidebar-menu-font-size: 16px;
    --hkits-sidebar-submenu-font-size: 15px;
    --hkits-sidebar-menu-icon-size: 16px;
    --hkits-sidebar-submenu-icon-size: 13px;
    --hkits-sidebar-menu-padding-y: 10px;
    --hkits-sidebar-menu-padding-x: 12px;
    --hkits-sidebar-submenu-padding-y: 8px;
    --hkits-sidebar-submenu-padding-x: 12px;
    --hkits-sidebar-footer-font-size: 11px;
    --hkits-sidebar-inner-padding: 10px 6px 8px;
    --hkits-sidebar-panel-gap: 4px;
    --hkits-sidebar-width: 252px;
    --hkits-app-content-font-size: 22px;

    /* Dashboard base — large readable scale */
    --hkits-dashboard-body-size: 1.45rem;
    --hkits-dashboard-small-size: 1.22rem;
    --hkits-dashboard-card-meta-size: 1.28rem;
    --hkits-dashboard-card-label-size: 1.42rem;
    --hkits-dashboard-chart-title-size: 1.72rem;
    --hkits-dashboard-nav-title-size: 1.55rem;
    --hkits-dashboard-table-size: 1.28rem;

    /* Figure amounts — medium-large scale */
    --hkits-dashboard-amount-size: 2.15rem;
    --hkits-dashboard-summary-amount-size: 2.15rem;
    --hkits-dashboard-shop-amount-size: 1.75rem;
    --hkits-dashboard-table-amount-size: 1.35rem;
    --hkits-dashboard-card-value-size: var(--hkits-dashboard-amount-size);

    /* TZS — slightly smaller than amounts */
    --hkits-dashboard-currency-size: 1.1rem;
    --hkits-dashboard-summary-currency-size: 1.1rem;
    --hkits-dashboard-shop-currency-size: 1rem;
    --hkits-dashboard-table-currency-size: 1.05rem;

    /* Shop overview */
    --hkits-dashboard-shop-name-size: 1.55rem;
    --hkits-dashboard-shop-metric-label-size: 1.28rem;

    /* Dashboard palette
     * Background: #ffffff                     white — area behind all content
     * Contents:  rgba(14, 165, 233, 0.1)    sky tint — cards, panels, sections
     * Nested:    #ffffff / sky tints         table rows (no pale blue)
     */
    --hkits-dash-scope-bg: rgba(14, 165, 233, 0.1);
    --hkits-dash-scope-border: rgba(56, 189, 248, 0.35);
    --hkits-dash-scope-accent: #38bdf8;
    --hkits-dashboard-page-bg: #ffffff;
    --hkits-dashboard-content-bg: rgba(14, 165, 233, 0.1);
    --hkits-dashboard-widget-bg: var(--hkits-dashboard-content-bg);
    --hkits-dashboard-widget-border: var(--hkits-dash-scope-border);
    --hkits-dashboard-sky-tint: rgba(14, 165, 233, 0.1);
    --hkits-dashboard-widget-bg-alt: #ffffff;
    --hkits-dashboard-table-row-bg: #ffffff;
    --hkits-dashboard-table-row-alt: var(--hkits-dashboard-sky-tint);
}