/*
 * Robn Brand Design Tokens
 *
 * Single source of truth for the Robn brand palette.
 * Values match the official brand system exactly — do not approximate.
 * Consumed by auth pages, app shell, and any component that needs brand colors.
 */

:root {
    /* --- Core brand palette (solid) --- */
    --robn-navy-900: #00005E;   /* midnight navy — deepest backgrounds, primary headings */
    --robn-navy-700: #1A278F;   /* deep blue — secondary bg, gradient mid */
    --robn-blue-500: #0046F8;   /* brand blue — links, accents, active states */
    --robn-orange-500: #FF6A32; /* action orange — primary CTAs, active indicators */

    /* --- Neutrals --- */
    --robn-canvas: #FBFBFB;     /* off-white — app/page background */
    --robn-border: #D5D5D5;     /* borders, dividers, muted outlines */

    /* --- Semantic --- */
    --robn-danger: #C9252D;     /* red — overdue, critical text/icons */
    --robn-danger-bg: #F7EAEA;  /* soft pink tint — danger/alert backgrounds */
    --robn-success: #6BD471;   /* green — paid, success states */
    --robn-warning: #FF6A32;   /* reuses action orange for warning */

    /* --- Signature gradient ---
       Vertical navy gradient used on auth / onboarding / sidebar environments. */
    --robn-gradient-brand: linear-gradient(180deg, #0046F8 0%, #1A278F 50%, #00005E 100%);

    /* --- Aliases for legacy class mapping ---
       Keep existing semantic class names working without renaming across the app. */
    --robn-sidebar-bg: var(--robn-gradient-brand);
    --robn-menu-active-text: var(--robn-orange-500);
    --robn-menu-active-bg: rgba(255, 106, 50, 0.15);
    --robn-menu-text: rgba(255, 255, 255, 0.7);
    --robn-menu-hover-bg: rgba(255, 255, 255, 0.1);
}