/* RoPrint — design tokens. Fuente única de verdad de paleta y tipografía. */

:root,
[data-rp-theme="light"] {
    /* Marca */
    --rp-brand-lime: #8BC34A;
    --rp-brand-lime-soft: #DCEDC8;
    --rp-brand-green: #43A047;
    --rp-brand-forest: #1B5E20;
    --rp-brand-deep: #0F2912;

    /* Texto y superficies */
    --rp-ink: #0F1115;
    --rp-ink-muted: #5C6660;
    --rp-line: #E2E8E2;
    --rp-surface: #FFFFFF;
    --rp-surface-2: #F5F7F5;

    /* Estados */
    --rp-success: #43A047;
    --rp-success-soft: #DCEDC8;
    --rp-warning: #F57C00;
    --rp-warning-soft: #FFE0B2;
    --rp-danger: #D32F2F;
    --rp-danger-soft: #FFCDD2;
    --rp-info: #1976D2;
    --rp-info-soft: #BBDEFB;

    /* Geometría */
    --rp-radius-sm: 6px;
    --rp-radius-md: 10px;
    --rp-radius-lg: 16px;

    /* Sombras */
    --rp-shadow-sm: 0 1px 2px rgba(15, 41, 18, 0.04), 0 1px 3px rgba(15, 41, 18, 0.06);
    --rp-shadow-md: 0 4px 12px rgba(15, 41, 18, 0.08), 0 2px 4px rgba(15, 41, 18, 0.06);
    --rp-shadow-hero: 0 24px 48px rgba(15, 41, 18, 0.18), 0 8px 16px rgba(15, 41, 18, 0.12);

    /* Layout */
    --rp-drawer-width: 260px;
    --rp-drawer-width-mini: 72px;
    --rp-appbar-height: 56px;

    /* Tipografía */
    --rp-font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --rp-font-display: 'Bebas Neue', 'Inter', sans-serif;
}

[data-rp-theme="dark"] {
    --rp-brand-lime: #9CCC65;
    --rp-brand-lime-soft: #33691E;
    --rp-brand-green: #66BB6A;
    --rp-brand-forest: #0F3D12;
    --rp-brand-deep: #08160A;

    --rp-ink: #E8EDE8;
    --rp-ink-muted: #9BA59E;
    --rp-line: #1F2A22;
    --rp-surface: #0E1612;
    --rp-surface-2: #131D17;

    --rp-success: #66BB6A;
    --rp-success-soft: #1B3A1D;
    --rp-warning: #FFA726;
    --rp-warning-soft: #4D3415;
    --rp-danger: #EF5350;
    --rp-danger-soft: #4A1F1F;
    --rp-info: #42A5F5;
    --rp-info-soft: #14304A;

    --rp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.5);
    --rp-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.4);
    --rp-shadow-hero: 0 24px 48px rgba(0, 0, 0, 0.6), 0 8px 16px rgba(0, 0, 0, 0.5);
}

/* Reset tipográfico mínimo. MudBlazor y Bootstrap traen sus normalizaciones,
   aquí solo aseguramos la fuente y números tabulares en montos. */
html, body {
    font-family: var(--rp-font-ui);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--rp-ink);
    background-color: var(--rp-surface-2);
}

.rp-tabular-nums,
.mud-table-cell.rp-amount,
td.rp-amount {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

.rp-display {
    font-family: var(--rp-font-display);
    letter-spacing: 0.04em;
    font-weight: 400;
}

/* Scrollbar discreto en navegadores Webkit/Blink. */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--rp-surface-2); }
::-webkit-scrollbar-thumb { background: var(--rp-line); border-radius: 8px; border: 2px solid var(--rp-surface-2); }
::-webkit-scrollbar-thumb:hover { background: var(--rp-ink-muted); }