/* ============================================
   Africorp Treasury Portal - Design Tokens
   Solid opaque surfaces, no glassmorphism
   ============================================  */

:root {
    /* Surface Colours (fully opaque)  */
    --glass-bg-heavy:     #12100d;   /* sidebar, header, modals  */
    --glass-bg-medium:    #1d1a15;   /* cards, panels  */
    --glass-bg-light:     #23201b;   /* secondary cards, tooltips  */
    --glass-bg-subtle:    #1a1714;   /* section headers, hover states  */
    --glass-bg-input:     #252015;   /* form fields, data surfaces  */
    --glass-bg-elevated:  #252015;   /* nested panels inside cards  */
    --glass-bg-btn:       #252219;   /* button backgrounds  */
    --glass-bg-btn-hover: #2e2a20;   /* button hover backgrounds  */
    --glass-bg-table-header: #12100d; /* table thead  */
    --glass-bg-table-row:    #252015; /* table row alt  */
    --glass-bg-table-row-alt:#1d1a15; /* table row default  */

    /* Blur (disabled)  */
    --glass-blur-heavy:  none;
    --glass-blur-medium: none;
    --glass-blur-light:  none;

    /* Borders  */
    --glass-border:         1px solid #2e2b25;
    --glass-border-gold:    1px solid rgba(177, 141, 89, 0.22);
    --glass-border-strong:  1px solid rgba(177, 141, 89, 0.35);
    --glass-border-inset:   1px solid #1f1d18;
    --glass-border-dark:    1px solid #0a0908;
    --glass-border-section: 1px solid rgba(177, 141, 89, 0.10);
    --glass-border-sidebar: 1px solid rgba(177, 141, 89, 0.28);

    /* Accent  */
    --gold:       #b18d59;
    --gold-hover: #c9a76c;
    --gold-glow:  rgba(177, 141, 89, 0.15);
    --gold-dim:   rgba(177, 141, 89, 0.06);

    /* Shadows  */
    --glass-shadow-sm:  0 2px 4px rgba(0, 0, 0, 0.25);
    --glass-shadow-md:  0 4px 12px rgba(0, 0, 0, 0.35);
    --glass-shadow-lg:  0 8px 24px rgba(0, 0, 0, 0.45);
    --glass-shadow-xl:  0 12px 36px rgba(0, 0, 0, 0.55);

    /* Top-edge Highlight (disabled)  */
    --glass-highlight: none;
    --glass-highlight-gold: none;

    /* Typography  */
    --text-primary:   #fff;
    --text-secondary: #e2e0dd;
    --text-muted:     #9ca3af;
    --text-dim:       #6b7280;
}

/* Dark scrollbars (global)  */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(177, 141, 89, 0.25) transparent;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(177, 141, 89, 0.25); border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: rgba(177, 141, 89, 0.40); }