:root {
    color-scheme: light;

    /* Luminous Atelier material palette */
    --mw-palette-pearl: #f8f7f3;
    --mw-palette-white: #ffffff;
    --mw-palette-ink: #1a1a1a;
    --mw-palette-oxblood: #601018;
    --mw-palette-jade: #2d4f46;
    --mw-palette-coral: #ff7052;
    --mw-palette-brass: #c5a059;

    /* Brand */
    --mw-brand-primary: var(--mw-palette-oxblood);
    --mw-brand-primary-hover: #4c0c13;
    --mw-brand-secondary: var(--mw-palette-jade);
    --mw-accent: var(--mw-palette-coral);

    /* Surfaces */
    --mw-canvas: var(--mw-palette-pearl);
    --mw-surface: var(--mw-palette-white);
    --mw-surface-subtle: #f1f0eb;
    --mw-surface-elevated: var(--mw-palette-white);
    --mw-surface-interactive: #f4f2ed;

    /* Text */
    --mw-text-primary: var(--mw-palette-ink);
    --mw-text-secondary: #4f4c49;
    --mw-text-muted: #716c67;
    --mw-text-inverse: #ffffff;

    /* Borders */
    --mw-border-default: #d8d4cc;
    --mw-border-subtle: #e8e5df;
    --mw-border-strong: #aaa39a;

    /* Semantic states */
    --mw-success-foreground: #1d5144;
    --mw-success-background: #e6f2ed;
    --mw-success-border: #9fc8b8;
    --mw-warning-foreground: #664600;
    --mw-warning-background: #fff4d6;
    --mw-warning-border: #e2c56f;
    --mw-danger-foreground: #861e29;
    --mw-danger-background: #fbeaec;
    --mw-danger-border: #dfa4aa;
    --mw-info-foreground: #244d67;
    --mw-info-background: #e9f2f7;
    --mw-info-border: #aac7d8;
    --mw-focus: #2368d1;
    --mw-focus-ring: rgba(35, 104, 209, 0.28);

    /* Typography */
    --mw-font-ui: "Manrope", "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif;
    --mw-font-display: "Playfair Display", "IBM Plex Sans Arabic", Georgia, serif;
    --mw-font-arabic: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
    --mw-font-data: "Manrope", "IBM Plex Sans Arabic", "Segoe UI", Arial, sans-serif;
    --mw-type-display: 2.75rem;
    --mw-type-page-title: 1.75rem;
    --mw-type-section-title: 1.375rem;
    --mw-type-component-title: 1rem;
    --mw-type-body-large: 1.0625rem;
    --mw-type-body: 0.9375rem;
    --mw-type-secondary: 0.875rem;
    --mw-type-label: 0.8125rem;
    --mw-type-caption: 0.75rem;
    --mw-leading-tight: 1.2;
    --mw-leading-body: 1.6;
    --mw-leading-arabic: 1.75;

    /* Spacing */
    --mw-space-0: 0;
    --mw-space-1: 0.25rem;
    --mw-space-2: 0.5rem;
    --mw-space-3: 0.75rem;
    --mw-space-4: 1rem;
    --mw-space-5: 1.25rem;
    --mw-space-6: 1.5rem;
    --mw-space-8: 2rem;
    --mw-space-10: 2.5rem;
    --mw-space-12: 3rem;
    --mw-page-gutter: 1.25rem;
    --mw-section-gap: 2rem;
    --mw-group-padding: 1.25rem;
    --mw-control-gap: 0.75rem;

    /* Shape and elevation */
    --mw-radius-sm: 0.25rem;
    --mw-radius-md: 0.375rem;
    --mw-radius-lg: 0.5rem;
    --mw-radius-pill: 999px;
    --mw-border-width: 1px;
    --mw-shadow-surface: 0 1px 2px rgba(26, 26, 26, 0.05);
    --mw-shadow-popover: 0 12px 28px rgba(26, 26, 26, 0.12);
    --mw-shadow-dialog: 0 24px 64px rgba(26, 26, 26, 0.18);

    /* Motion and layers */
    --mw-motion-fast: 120ms;
    --mw-motion-normal: 180ms;
    --mw-motion-contextual: 240ms;
    --mw-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --mw-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --mw-z-sticky: 1010;
    --mw-z-dropdown: 1020;
    --mw-z-overlay: 1040;
    --mw-z-modal: 1060;
    --mw-z-toast: 1080;

    /* Shell geometry */
    --mw-sidebar-width: 16rem;
    --mw-topbar-height: 4.25rem;
    --mw-public-header-height: 4.75rem;
    --mw-content-max: 95rem;
    --mw-public-content-max: 78rem;

    /* Legacy compatibility aliases. New code consumes the semantic names above. */
    --mw-bg: var(--mw-canvas);
    --mw-bg-soft: var(--mw-surface-subtle);
    --mw-surface-solid: var(--mw-surface);
    --mw-surface-soft: var(--mw-surface-subtle);
    --mw-surface-muted: var(--mw-surface-subtle);
    --mw-font-sans: var(--mw-font-ui);
    --mw-text: var(--mw-text-primary);
    --mw-muted: var(--mw-text-muted);
    --mw-text-soft: var(--mw-text-secondary);
    --mw-primary: var(--mw-brand-primary);
    --mw-primary-dark: var(--mw-brand-primary-hover);
    --mw-primary-soft: #f5e9ea;
    --mw-accent-soft: #fff0eb;
    --mw-success: var(--mw-success-foreground);
    --mw-warning: var(--mw-warning-foreground);
    --mw-danger: var(--mw-danger-foreground);
    --mw-info: var(--mw-info-foreground);
    --mw-border: var(--mw-border-default);
    --mw-shadow-sm: var(--mw-shadow-surface);
    --mw-shadow-md: var(--mw-shadow-popover);
    --mw-shadow-lg: var(--mw-shadow-dialog);
    --mw-shadow-soft: var(--mw-shadow-surface);
    --mw-shadow-strong: var(--mw-shadow-dialog);
    --mw-shadow-card: var(--mw-shadow-surface);
    --mw-radius-xl: var(--mw-radius-lg);
    --mw-radius-2xl: var(--mw-radius-lg);
    --mw-space-xs: var(--mw-space-2);
    --mw-space-sm: var(--mw-space-3);
    --mw-space-md: var(--mw-space-4);
    --mw-space-lg: var(--mw-space-6);
    --mw-space-xl: var(--mw-space-8);
}

@media (min-width: 48rem) {
    :root {
        --mw-page-gutter: 2rem;
        --mw-section-gap: 2.5rem;
        --mw-group-padding: 1.5rem;
    }
}

@media (min-width: 90rem) {
    :root {
        --mw-page-gutter: 2.5rem;
    }
}

.mw-density-comfort {
    --mw-group-padding: 1.5rem;
    --mw-control-gap: 1rem;
}

.mw-density-operational {
    --mw-group-padding: 1rem;
    --mw-control-gap: 0.625rem;
}