@php
    $primary = $branding['primary_color'] ?? '#137333';
    $primaryDark = $branding['primary_dark_color'] ?? '#0b4f24';
    $secondary = $branding['secondary_color'] ?? '#1b7f3a';
    $accent = $branding['accent_color'] ?? '#43A047';
    $sidebarStart = $branding['sidebar_gradient_start'] ?? '#073f1d';
    $sidebarEnd = $branding['sidebar_gradient_end'] ?? '#0b5d2a';
    $pageBg = $branding['page_background_color'] ?? '#f6faf7';
@endphp
<style>
    :root {
        --brand-primary: {{ $primary }};
        --brand-primary-dark: {{ $primaryDark }};
        --brand-secondary: {{ $secondary }};
        --brand-accent: {{ $accent }};
        --brand-sidebar-start: {{ $sidebarStart }};
        --brand-sidebar-end: {{ $sidebarEnd }};
        --brand-page-bg: {{ $pageBg }};
        --brand-primary-soft: color-mix(in srgb, {{ $primary }} 12%, white);

        /* Admin aliases */
        --green: var(--brand-primary);
        --green-dark: var(--brand-primary-dark);
        --green-2: var(--brand-secondary);
        --green-soft: var(--brand-primary-soft);
        --bg: var(--brand-page-bg);

        /* User aliases */
        --green-dark: var(--brand-primary-dark);
        --green-main: var(--brand-primary);
        --green-soft: var(--brand-primary-soft);
        --green-accent: var(--brand-accent);
        --page-bg: var(--brand-page-bg);
    }

    body { background: var(--brand-page-bg) !important; }

    .sidebar {
        background: linear-gradient(180deg, var(--brand-sidebar-start), var(--brand-sidebar-end) 60%, var(--brand-primary-dark)) !important;
    }

    .btn-green, .btn-success {
        background: var(--brand-primary) !important;
        border-color: var(--brand-primary) !important;
    }

    .btn-green:hover, .btn-success:hover {
        background: var(--brand-primary-dark) !important;
        border-color: var(--brand-primary-dark) !important;
    }

    .btn-outline-green {
        border-color: var(--brand-primary) !important;
        color: var(--brand-primary) !important;
    }

    .btn-outline-green:hover {
        background: var(--brand-primary) !important;
        color: #fff !important;
    }

    .badge-soft {
        background: var(--brand-primary-soft) !important;
        color: var(--brand-primary) !important;
        border-color: color-mix(in srgb, var(--brand-primary) 25%, white) !important;
    }

    .text-success { color: var(--brand-primary) !important; }
    .form-control:focus, .form-select:focus {
        border-color: var(--brand-primary) !important;
        box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--brand-primary) 20%, transparent) !important;
    }

    .nav-pills .nav-link.active { background: var(--brand-primary) !important; }
    .bar { background: linear-gradient(180deg, var(--brand-accent), var(--brand-primary)) !important; }
    .leaf-bg { background: linear-gradient(135deg, var(--brand-primary-dark), var(--brand-primary)) !important; }
    .conference-cover { background: linear-gradient(135deg, var(--brand-primary-dark), var(--brand-primary)) !important; }
    .stat-icon.bg-success, .stat-icon.bg-primary { background: var(--brand-primary-soft) !important; color: var(--brand-primary) !important; }
</style>