:root {
    /* Corporate Palette (Navy & Gold) */
    --la-color-primary: #1a237e;
    --la-color-primary-soft: rgba(26, 35, 126, 0.1);
    --la-color-secondary: #c5a059;
    --la-color-text-base: #1a1a1a;
    --la-color-text-muted: #6c757d;
    --la-color-text-on-primary: #ffffff;

    /* Semantic */
    --la-color-success: #1b5e20;
    --la-color-info: #01579b;
    --la-color-warning: #f57f17;
    --la-color-danger: #b71c1c;

    /* Surfaces */
    --la-color-bg-page: #f8f9fa;
    --la-color-bg-page-alt: #e9ecef;
    --la-color-bg-surface: #ffffff;
    --la-color-bg-surface-2: #f1f3f4;
    --la-color-border: #dae0e5;

    /* Typography */
    --la-font-family-body: 'Manrope', system-ui, sans-serif;
    --la-font-family-headings: 'Manrope', system-ui, sans-serif;
    --la-font-size-base: 16px;
    --la-line-height-base: 1.5;
    --la-weight-bold: 700;

    /* Forms */
    --la-radius-sm: 0;
    --la-radius-base: 2px;
    --la-radius-lg: 4px;

    /* Depth */
    --la-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
    --la-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.1);
    --la-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.15);

    /* Layout */
    --la-navbar-height: 70px;
}

[data-theme="dark"] {
    --la-color-bg-page: #0d0d0d;
    --la-color-bg-page-alt: #1a1a1a;
    --la-color-bg-surface: #1a1a1a;
    --la-color-bg-surface-2: #262626;
    --la-color-border: #333;
    --la-color-text-base: #f2f2f2;
    --la-color-text-muted: #888;

    /* Bootstrap native variable overrides for full dark mode compatibility */
    --bs-body-bg: #0d0d0d;
    --bs-body-color: #f2f2f2;
    --bs-secondary-rgb: 136, 136, 136;
    --bs-secondary-color: rgba(242, 242, 242, 0.75);
    --bs-secondary-bg: #1a1a1a;
    --bs-tertiary-bg: #262626;
    --bs-border-color: #333;
    --bs-card-bg: #1a1a1a;
    --bs-card-border-color: #333;
    --bs-card-cap-bg: #262626;
    --bs-card-color: #f2f2f2;
    --bs-input-bg: #262626;
    --bs-input-color: #f2f2f2;
    --bs-input-border-color: #444;
    --bs-heading-color: #f2f2f2;
    --bs-link-color: #6ea8fe;
    --bs-table-color: #f2f2f2;
    --bs-table-bg: transparent;
    --bs-table-striped-bg: rgba(255, 255, 255, 0.05);
    --bs-table-border-color: #444;
    --bs-modal-bg: #1a1a1a;
    --bs-modal-color: #f2f2f2;
    --bs-dropdown-bg: #1a1a1a;
    --bs-dropdown-color: #f2f2f2;
    --bs-dropdown-border-color: #444;
    --bs-dropdown-link-color: #f2f2f2;
    --bs-dropdown-link-hover-bg: #262626;
}