/* ==========================================================================
   Avyra Theme Variables
   Source of truth: src/web/Avyra.Blazor.Client/Theme/AvyraTheme.cs (DefaultDarkPalette)

   This file extracts the MudBlazor CSS variable VALUES from AvyraTheme.cs so that
   non-Blazor pages (like Auth server MVC views) can use the same visual styling.
   ========================================================================== */

:root {
    /* ======================================================================
       PRIMARY PALETTE
       ====================================================================== */
    --mud-palette-primary: #6168aa;
    --mud-palette-primary-rgb: 97, 104, 170;
    --mud-palette-primary-text: #ffffff;

    /* ======================================================================
       SECONDARY PALETTE
       ====================================================================== */
    --mud-palette-secondary: #3898bb;
    --mud-palette-secondary-rgb: 56, 152, 187;
    --mud-palette-secondary-text: #ffffff;

    /* ======================================================================
       TERTIARY PALETTE
       ====================================================================== */
    --mud-palette-tertiary: #15bcc8;
    --mud-palette-tertiary-rgb: 21, 188, 200;
    --mud-palette-tertiary-text: #ffffff;

    /* ======================================================================
       STATUS COLORS
       ====================================================================== */
    --mud-palette-info: #4a86ff;
    --mud-palette-info-rgb: 74, 134, 255;
    --mud-palette-info-text: #ffffff;

    --mud-palette-success: #3dcb6c;
    --mud-palette-success-rgb: 61, 203, 108;
    --mud-palette-success-text: #ffffff;

    --mud-palette-warning: #ffb545;
    --mud-palette-warning-rgb: 255, 181, 69;
    --mud-palette-warning-text: #000000;

    --mud-palette-error: #ff3f5f;
    --mud-palette-error-rgb: 255, 63, 95;
    --mud-palette-error-text: #ffffff;

    /* ======================================================================
       SURFACE COLORS
       ====================================================================== */
    --mud-palette-background: #090A11;
    --mud-palette-background-rgb: 9, 10, 17;

    --mud-palette-background-gray: #1a1a27;
    --mud-palette-background-gray-rgb: 26, 26, 39;

    --mud-palette-surface: #1e1e2d;
    --mud-palette-surface-rgb: 30, 30, 45;

    --mud-palette-dark: #111019;
    --mud-palette-dark-rgb: 17, 16, 25;

    --mud-palette-dark-lighten: #1A1643;
    --mud-palette-dark-lighten-rgb: 26, 22, 67;

    /* ======================================================================
       TEXT COLORS
       ====================================================================== */
    --mud-palette-text-primary: #c4d2e9;
    --mud-palette-text-secondary: #92929f;
    --mud-palette-text-disabled: rgba(255, 255, 255, 0.2);

    /* ======================================================================
       APPBAR
       ====================================================================== */
    --mud-palette-appbar-background: #090A11;
    --mud-palette-appbar-text: #c4d2e9;

    /* ======================================================================
       DRAWER / SIDEBAR
       ====================================================================== */
    --mud-palette-drawer-background: #151521;
    --mud-palette-drawer-background-rgb: 21, 21, 33;
    --mud-palette-drawer-text: #92929f;
    --mud-palette-drawer-icon: #92929f;

    /* ======================================================================
       ACTIONS
       ====================================================================== */
    --mud-palette-action-default: #92929f;
    --mud-palette-action-default-rgb: 146, 146, 159;

    /* ======================================================================
       DIVIDERS & LINES
       ====================================================================== */
    --mud-palette-divider: #5c5c6a;
    --mud-palette-divider-rgb: 92, 92, 106;

    /* ======================================================================
       OVERLAY
       ====================================================================== */
    --mud-palette-overlay-light: rgba(30, 30, 45, 0.5);

    /* ======================================================================
       COMMON
       ====================================================================== */
    --mud-palette-black: #000000;
    --mud-palette-white: #ffffff;

    /* ======================================================================
       LAYOUT PROPERTIES
       ====================================================================== */
    --mud-default-borderradius: 8px;
}