﻿/* =========================================================
   MudBlazor Theme Mapping
   Uses values from theme.css (Single Source of Truth)
   ========================================================= */

.mud-theme-default {
    /* ===== BASE ===== */
    --mud-palette-black: #000000;
    --mud-palette-white: #ffffff;
    /* ===== PRIMARY ===== */
    --mud-palette-primary: var(--primary-main);
    --mud-palette-primary-text: #ffffff;
    --mud-palette-primary-darken: var(--primary-dark);
    --mud-palette-primary-lighten: var(--primary-light);
    /* ===== SECONDARY ===== */
    --mud-palette-secondary: var(--secondary-main);
    --mud-palette-secondary-text: #ffffff;
    --mud-palette-secondary-darken: var(--secondary-dark);
    --mud-palette-secondary-lighten: var(--secondary-light);
    /* ===== TERTIARY ===== */
    --mud-palette-tertiary: var(--tertiary-main);
    --mud-palette-tertiary-text: #000000;
    --mud-palette-tertiary-darken: var(--tertiary-dark);
    --mud-palette-tertiary-lighten: var(--tertiary-light);
    /* ===== STATUS ===== */
    --mud-palette-info: var(--info);
    --mud-palette-info-text: #ffffff;
    --mud-palette-info-darken: color-mix(in srgb, var(--info), black 15%);
    --mud-palette-info-lighten: color-mix(in srgb, var(--info), white 15%);
    --mud-palette-success: var(--success);
    --mud-palette-success-text: #ffffff;
    --mud-palette-success-darken: color-mix(in srgb, var(--success), black 15%);
    --mud-palette-success-lighten: color-mix(in srgb, var(--success), white 15%);
    --mud-palette-warning: var(--warning);
    --mud-palette-warning-text: #000000;
    --mud-palette-warning-darken: color-mix(in srgb, var(--warning), black 15%);
    --mud-palette-warning-lighten: color-mix(in srgb, var(--warning), white 15%);
    --mud-palette-error: var(--error);
    --mud-palette-error-text: #ffffff;
    --mud-palette-error-darken: color-mix(in srgb, var(--error), black 15%);
    --mud-palette-error-lighten: color-mix(in srgb, var(--error), white 15%);
    /* ===== DARK ===== */
    --mud-palette-dark: #374151;
    --mud-palette-dark-text: #ffffff;
    --mud-palette-dark-darken: #1f2937;
    --mud-palette-dark-lighten: #4b5563;
    /* ===== TEXT ===== */
    --mud-palette-text-primary: var(--text-primary);
    --mud-palette-text-secondary: var(--text-secondary);
    --mud-palette-text-disabled: var(--text-disabled);
    /* ===== ACTION ===== */
    --mud-palette-action-default: rgba(0, 0, 0, 0.54);
    --mud-palette-action-disabled: rgba(0, 0, 0, 0.26);
    --mud-palette-action-disabled-background: rgba(0, 0, 0, 0.12);
    /* ===== BACKGROUNDS ===== */
    --mud-palette-background: var(--background-default);
    --mud-palette-background-gray: color-mix(in srgb, var(--background-default), #000 3%);
    --mud-palette-surface: var(--background-paper);
    /* ===== DRAWER ===== */
    --mud-palette-drawer-background: var(--background-paper);
    --mud-palette-drawer-text: var(--text-primary);
    --mud-palette-drawer-icon: var(--text-secondary);
    /* ===== APPBAR ===== */
    --mud-palette-appbar-background: var(--primary-main);
    --mud-palette-appbar-text: #ffffff;
    /* ===== LINES / DIVIDERS ===== */
    --mud-palette-lines-default: var(--divider);
    --mud-palette-lines-inputs: var(--border-default);
    --mud-palette-table-lines: var(--border-default);
    --mud-palette-table-striped: rgba(0, 0, 0, 0.02);
    --mud-palette-table-hover: rgba(0, 0, 0, 0.04);
    --mud-palette-divider: var(--divider);
    --mud-palette-divider-light: rgba(0, 0, 0, 0.06);
    /* ===== SKELETON ===== */
    --mud-palette-skeleton: rgba(0, 0, 0, 0.1);
    /* ===== GRAYS ===== */
    --mud-palette-gray-default: #9ca3af;
    --mud-palette-gray-light: #d1d5db;
    --mud-palette-gray-lighter: #e5e7eb;
    --mud-palette-gray-dark: #6b7280;
    --mud-palette-gray-darker: #4b5563;
    /* ===== OVERLAY ===== */
    --mud-palette-overlay-dark: rgba(0, 0, 0, 0.5);
    --mud-palette-overlay-light: rgba(255, 255, 255, 0.5);
    /* ===== OPACITY ===== */
    --mud-palette-border-opacity: 1;
    --mud-palette-hover-opacity: 0.06;
    --mud-palette-ripple-opacity: 0.1;
    --mud-palette-ripple-opacity-secondary: 0.2;
}




/* MODERN CORPORATE THEME */
/*:root {*/
/* PRIMARY - Charcoal Gray */
/*--mud-palette-primary: #2C3E50 !important;
    --mud-palette-primary-darken: #1A252F !important;
    --mud-palette-primary-lighten: #34495E !important;
    --mud-palette-primary-text: #FFFFFF !important;*/
/* SECONDARY - Emerald Green */
/*--mud-palette-secondary: #27AE60 !important;
    --mud-palette-secondary-darken: #219653 !important;
    --mud-palette-secondary-lighten: #2ECC71 !important;
    --mud-palette-secondary-text: #FFFFFF !important;*/
/* TERTIARY - Gold Accent */
/*--mud-palette-tertiary: #F39C12 !important;
    --mud-palette-tertiary-darken: #E67E22 !important;
    --mud-palette-tertiary-lighten: #F1C40F !important;
    --mud-palette-tertiary-text: #000000 !important;*/
/* APP BAR - Charcoal */
/*--mud-palette-appbar-background: #2C3E50 !important;
    --mud-palette-appbar-text: #FFFFFF !important;*/
/* BACKGROUNDS - Light Gray */
/*--mud-palette-background: #F8F9FA !important;
    --mud-palette-background-gray: #ECF0F1 !important;
    --mud-palette-surface: #FFFFFF !important;
    --mud-palette-drawer-background: #FFFFFF !important;*/
/* TEXT - Dark Gray */
/*--mud-palette-text-primary: #2C3E50 !important;
    --mud-palette-text-secondary: #7F8C8D !important;
    --mud-palette-text-disabled: #BDC3C7 !important;*/
/* COLORS */
/*--mud-palette-success: #27AE60 !important;
    --mud-palette-warning: #F39C12 !important;
    --mud-palette-error: #E74C3C !important;
    --mud-palette-info: #3498DB !important;*/
/* LINES */
/*--mud-palette-divider: #DFE6E9 !important;
    --mud-palette-lines-default: rgba(44, 62, 80, 0.1) !important;
}*/
