/*
 * Pre-extracted Accensys palette (PaletteLight + PaletteDark) + Accensys typography
 * + layout properties, derived verbatim from Next.Web.Client.Theme.NextTheme.
 *
 * Why pre-extract: MudThemeProvider 9.5 emits its theme as a runtime <style> block
 * without a CSP nonce. The host CSP forbids 'unsafe-inline' on style-src
 * (see CLAUDE.md §10, Phase 4 hard gate). This file mirrors the variables
 * MudThemeProvider would emit so the strict CSP can stay in force.
 *
 * Selectors mirror the data-theme attribute toggled by ThemeBootstrap.razor.
 * Update this file deliberately when changing NextTheme palette colors.
 *
 * Lighten/darken/hover variants are derived as simple alpha-mixes around the base
 * tone — Accensys is a flat design, so the variations are kept subtle.
 */

:root,
:root[data-theme="light"] {
    --mud-palette-black: #0B2B3A;
    --mud-palette-white: #FFFFFF;

    /* Primary is the brand ACCENT (mirrors dark, where Primary = lime): a distinct green that pops on the
       warm-paper background — NOT the petrol ink (#0B2B3A), which stays the text colour. */
    --mud-palette-primary: #6B8F12;
    --mud-palette-primary-rgb: 107,143,18;
    --mud-palette-primary-contrastText: #FFFFFF;
    --mud-palette-primary-text: #FFFFFF;
    --mud-palette-primary-darken: #58770E;
    --mud-palette-primary-lighten: #82A923;
    --mud-palette-primary-hover: rgba(107, 143, 18, 0.0588235294117647);

    --mud-palette-secondary: #6B8F12;
    --mud-palette-secondary-rgb: 107,143,18;
    --mud-palette-secondary-contrastText: #FFFFFF;
    --mud-palette-secondary-text: #FFFFFF;
    --mud-palette-secondary-darken: #58770E;
    --mud-palette-secondary-lighten: #82A923;
    --mud-palette-secondary-hover: rgba(107, 143, 18, 0.0588235294117647);

    --mud-palette-tertiary: #C7E84F;
    --mud-palette-tertiary-rgb: 199,232,79;
    --mud-palette-tertiary-contrastText: #0B2B3A;
    --mud-palette-tertiary-text: #0B2B3A;
    --mud-palette-tertiary-darken: #B5D635;
    --mud-palette-tertiary-lighten: #D5EE78;
    --mud-palette-tertiary-hover: rgba(199, 232, 79, 0.0588235294117647);

    --mud-palette-info: #47606D;
    --mud-palette-info-rgb: 71,96,109;
    --mud-palette-info-contrastText: #FFFFFF;
    --mud-palette-info-text: #FFFFFF;
    --mud-palette-info-darken: #344953;
    --mud-palette-info-lighten: #5A7787;
    --mud-palette-info-hover: rgba(71, 96, 109, 0.0588235294117647);

    --mud-palette-success: #6B8F12;
    --mud-palette-success-rgb: 107,143,18;
    --mud-palette-success-contrastText: #FFFFFF;
    --mud-palette-success-text: #FFFFFF;
    --mud-palette-success-darken: #58770E;
    --mud-palette-success-lighten: #82A923;
    --mud-palette-success-hover: rgba(107, 143, 18, 0.0588235294117647);

    --mud-palette-warning: #C78A3A;
    --mud-palette-warning-rgb: 199,138,58;
    --mud-palette-warning-contrastText: #FFFFFF;
    --mud-palette-warning-text: #FFFFFF;
    --mud-palette-warning-darken: #A8742B;
    --mud-palette-warning-lighten: #D7A55E;
    --mud-palette-warning-hover: rgba(199, 138, 58, 0.0588235294117647);

    --mud-palette-error: #C7443A;
    --mud-palette-error-rgb: 199,68,58;
    --mud-palette-error-contrastText: #FFFFFF;
    --mud-palette-error-text: #FFFFFF;
    --mud-palette-error-darken: #A8362D;
    --mud-palette-error-lighten: #D46A60;
    --mud-palette-error-hover: rgba(199, 68, 58, 0.0588235294117647);

    --mud-palette-dark: #0B2B3A;
    --mud-palette-dark-rgb: 11,43,58;
    --mud-palette-dark-contrastText: #FFFFFF;
    --mud-palette-dark-text: #FFFFFF;
    --mud-palette-dark-darken: #07212E;
    --mud-palette-dark-lighten: #1A3D4E;
    --mud-palette-dark-hover: rgba(11, 43, 58, 0.0588235294117647);

    --mud-palette-text-primary: #0B2B3A;
    --mud-palette-text-secondary: #47606D;
    --mud-palette-text-disabled: #8496A0;

    --mud-palette-action-default: #47606D;
    --mud-palette-action-default-hover: rgba(11, 43, 58, 0.0392156862745098);
    --mud-palette-action-disabled: #8496A0;
    --mud-palette-action-disabled-background: #EFEDE6;

    --mud-palette-surface: #FFFFFF;
    --mud-palette-background: #FAFAF7;
    --mud-palette-background-gray: #EFEEE8;
    --mud-palette-drawer-background: #EFEEE8;
    --mud-palette-drawer-text: #47606D;
    --mud-palette-drawer-icon: #47606D;
    --mud-palette-appbar-background: #EFEEE8;
    --mud-palette-appbar-text: #0B2B3A;

    --mud-palette-lines-default: #E2DFD6;
    --mud-palette-lines-inputs: #CBC7BB;
    --mud-palette-table-lines: #E2DFD6;
    --mud-palette-table-striped: #EFEDE6;
    --mud-palette-table-hover: #EFEDE6;

    --mud-palette-divider: #E2DFD6;
    --mud-palette-divider-light: #EFEDE6;

    --mud-palette-skeleton: rgba(11, 43, 58, 0.11);

    --mud-palette-gray-default: #8496A0;
    --mud-palette-gray-light: #A7BAC3;
    --mud-palette-gray-lighter: #CBC7BB;
    --mud-palette-gray-dark: #47606D;
    --mud-palette-gray-darker: #344953;

    --mud-palette-overlay-dark: rgba(11, 43, 58, 0.4980392156862745);
    --mud-palette-overlay-light: rgba(250, 250, 247, 0.4980392156862745);

    --mud-palette-ripple-opacity: 0.1;
    --mud-palette-ripple-opacity-secondary: 0.2;

    /* Accensys layout properties (LayoutProperties) */
    --mud-default-borderradius: 8px;
    --mud-appbar-height: 56px;
    --mud-drawer-width-left: 232px;

    /* Accensys typography (Typography defaults) */
    --mud-typography-default-family: 'Inter','system-ui','sans-serif';
    --mud-typography-default-size: 0.9375rem;
    --mud-typography-default-weight: 400;
    --mud-typography-default-lineheight: 1.5;
    --mud-typography-default-letterspacing: -0.005em;

    --mud-typography-h1-family: 'Poppins','sans-serif';
    --mud-typography-h1-weight: 700;
    --mud-typography-h1-letterspacing: -0.025em;

    --mud-typography-h2-family: 'Poppins','sans-serif';
    --mud-typography-h2-weight: 700;
    --mud-typography-h2-letterspacing: -0.022em;

    --mud-typography-h3-family: 'Poppins','sans-serif';
    --mud-typography-h3-weight: 600;
    --mud-typography-h3-letterspacing: -0.02em;

    --mud-typography-h4-family: 'Poppins','sans-serif';
    --mud-typography-h4-weight: 600;
    --mud-typography-h4-letterspacing: -0.02em;

    --mud-typography-h5-family: 'Poppins','sans-serif';
    --mud-typography-h5-weight: 600;
    --mud-typography-h5-letterspacing: -0.015em;

    --mud-typography-h6-family: 'Poppins','sans-serif';
    --mud-typography-h6-weight: 600;
    --mud-typography-h6-letterspacing: -0.015em;

    --mud-typography-body1-family: 'Inter','system-ui','sans-serif';
    --mud-typography-body2-family: 'Inter','system-ui','sans-serif';

    --mud-typography-subtitle1-family: 'Inter','sans-serif';
    --mud-typography-subtitle1-weight: 500;
    --mud-typography-subtitle2-family: 'Inter','sans-serif';
    --mud-typography-subtitle2-weight: 500;

    --mud-typography-button-family: 'Inter','sans-serif';
    --mud-typography-button-weight: 500;
    --mud-typography-button-text-transform: none;
    --mud-typography-button-letterspacing: 0;

    --mud-typography-caption-family: 'JetBrains Mono','monospace';
    --mud-typography-caption-size: 0.6875rem;
    --mud-typography-caption-letterspacing: 0.08em;

    --mud-typography-overline-family: 'JetBrains Mono','monospace';
    --mud-typography-overline-weight: 500;
    --mud-typography-overline-letterspacing: 0.14em;
}

:root[data-theme="dark"] {
    --mud-palette-black: #082230;
    --mud-palette-white: #F3F4EE;

    --mud-palette-primary: #C7E84F;
    --mud-palette-primary-rgb: 199,232,79;
    --mud-palette-primary-contrastText: #0B2B3A;
    --mud-palette-primary-text: #0B2B3A;
    --mud-palette-primary-darken: #B5D635;
    --mud-palette-primary-lighten: #D5EE78;
    --mud-palette-primary-hover: rgba(199, 232, 79, 0.0588235294117647);

    --mud-palette-secondary: #C7E84F;
    --mud-palette-secondary-rgb: 199,232,79;
    --mud-palette-secondary-contrastText: #0B2B3A;
    --mud-palette-secondary-text: #0B2B3A;
    --mud-palette-secondary-darken: #B5D635;
    --mud-palette-secondary-lighten: #D5EE78;
    --mud-palette-secondary-hover: rgba(199, 232, 79, 0.0588235294117647);

    --mud-palette-tertiary: #C7E84F;
    --mud-palette-tertiary-rgb: 199,232,79;
    --mud-palette-tertiary-contrastText: #0B2B3A;
    --mud-palette-tertiary-text: #0B2B3A;
    --mud-palette-tertiary-darken: #B5D635;
    --mud-palette-tertiary-lighten: #D5EE78;
    --mud-palette-tertiary-hover: rgba(199, 232, 79, 0.0588235294117647);

    --mud-palette-info: #A7BAC3;
    --mud-palette-info-rgb: 167,186,195;
    --mud-palette-info-contrastText: #0B2B3A;
    --mud-palette-info-text: #0B2B3A;
    --mud-palette-info-darken: #8DA3AE;
    --mud-palette-info-lighten: #C1D0D6;
    --mud-palette-info-hover: rgba(167, 186, 195, 0.0588235294117647);

    --mud-palette-success: #C7E84F;
    --mud-palette-success-rgb: 199,232,79;
    --mud-palette-success-contrastText: #0B2B3A;
    --mud-palette-success-text: #0B2B3A;
    --mud-palette-success-darken: #B5D635;
    --mud-palette-success-lighten: #D5EE78;
    --mud-palette-success-hover: rgba(199, 232, 79, 0.0588235294117647);

    --mud-palette-warning: #E8B45F;
    --mud-palette-warning-rgb: 232,180,95;
    --mud-palette-warning-contrastText: #0B2B3A;
    --mud-palette-warning-text: #0B2B3A;
    --mud-palette-warning-darken: #D89D3C;
    --mud-palette-warning-lighten: #ECC07E;
    --mud-palette-warning-hover: rgba(232, 180, 95, 0.0588235294117647);

    --mud-palette-error: #E87163;
    --mud-palette-error-rgb: 232,113,99;
    --mud-palette-error-contrastText: #FFFFFF;
    --mud-palette-error-text: #FFFFFF;
    --mud-palette-error-darken: #D85544;
    --mud-palette-error-lighten: #EE8A7E;
    --mud-palette-error-hover: rgba(232, 113, 99, 0.0588235294117647);

    --mud-palette-dark: #082230;
    --mud-palette-dark-rgb: 8,34,48;
    --mud-palette-dark-contrastText: #FFFFFF;
    --mud-palette-dark-text: #FFFFFF;
    --mud-palette-dark-darken: #051925;
    --mud-palette-dark-lighten: #12384A;
    --mud-palette-dark-hover: rgba(8, 34, 48, 0.0588235294117647);

    --mud-palette-text-primary: #F3F4EE;
    --mud-palette-text-secondary: #A7BAC3;
    --mud-palette-text-disabled: #6B8490;

    --mud-palette-action-default: #A7BAC3;
    --mud-palette-action-default-hover: rgba(243, 244, 238, 0.0588235294117647);
    --mud-palette-action-disabled: #6B8490;
    --mud-palette-action-disabled-background: #12384A;

    --mud-palette-surface: #12384A;
    --mud-palette-background: #0B2B3A;
    --mud-palette-background-gray: #082230;
    --mud-palette-drawer-background: #082230;
    --mud-palette-drawer-text: #A7BAC3;
    --mud-palette-drawer-icon: #A7BAC3;
    --mud-palette-appbar-background: #082230;
    --mud-palette-appbar-text: #F3F4EE;

    --mud-palette-lines-default: #1E4356;
    --mud-palette-lines-inputs: #2D5668;
    --mud-palette-table-lines: #1E4356;
    --mud-palette-table-striped: #082230;
    --mud-palette-table-hover: #12384A;

    --mud-palette-divider: #1E4356;
    --mud-palette-divider-light: #12384A;

    --mud-palette-skeleton: rgba(243, 244, 238, 0.11);

    --mud-palette-gray-default: #6B8490;
    --mud-palette-gray-light: #A7BAC3;
    --mud-palette-gray-lighter: #C1D0D6;
    --mud-palette-gray-dark: #47606D;
    --mud-palette-gray-darker: #344953;

    --mud-palette-overlay-dark: rgba(8, 34, 48, 0.4980392156862745);
    --mud-palette-overlay-light: rgba(243, 244, 238, 0.4980392156862745);

    --mud-palette-ripple-opacity: 0.1;
    --mud-palette-ripple-opacity-secondary: 0.2;
}