/* =============================================================================
   BalanceSpark Provider Portal — design tokens
   -----------------------------------------------------------------------------
   Single source of truth for brand color and typography. Semantic brand tokens
   (--color-*) are mapped onto Kendo/Telerik theme variables (--kendo-*) so that
   Telerik components and hand-written app styling share the same palette.

   Load order (index.html): Kendo theme -> this file -> app.css, so the --kendo-*
   overrides below take effect over the shipped theme defaults.

   Architecture mirrors the CCA Blazor gold standard (cf. TPMS DonorApp); values
   are Provider Portal's own brand (orange on Poppins).
   ============================================================================= */
:root {
    /* ---- Brand ---- */
    --color-primary: #FE8000;                 /* BalanceSpark orange */
    --color-primary-light: #FFC357;           /* gradient partner / hover */
    --color-primary-gradient: linear-gradient(0deg, #FE8000 0.79%, #FFC357 99.21%);
    --color-accent-blue: #60BFF8;

    /* ---- Neutrals / surfaces ---- */
    --color-white: #FFFFFF;
    --color-surface: #FFFFFF;
    --color-surface-muted: #F8F9FA;
    --color-border: #DEE2E6;
    --color-border-muted: #E9ECEF;
    --color-text: #212529;
    --color-text-muted: #6C757D;
    --color-text-subtle: #8E8E8E;

    /* ---- Semantic (aligned to the Bootstrap palette already in use) ---- */
    --color-success: #198754;
    --color-danger: #DC3545;
    --color-warning: #FFC107;
    --color-info: #0DCAF0;

    /* ---- Kendo / Telerik theme overrides ---- */
    --kendo-color-primary: var(--color-primary);
    --kendo-color-secondary: var(--color-primary-light);
    --kendo-color-app-surface: var(--color-surface);
    --kendo-color-surface: var(--color-surface-muted);
    --kendo-color-text: var(--color-text);
    --kendo-color-subtle: var(--color-text-muted);
    --kendo-color-border: var(--color-border);
    --kendo-color-success: var(--color-success);
    --kendo-color-error: var(--color-danger);
    --kendo-color-warning: var(--color-warning);
    --kendo-color-info: var(--color-info);

    /* ---- Typography (Poppins is loaded in index.html) ---- */
    --font-family-base: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --kendo-font-family: var(--font-family-base);
    --kendo-font-family-sans-serif: var(--font-family-base);
}