:root {
    /* 主标准色 & 辅助色 (Primary & Secondary Colors) */
    --buaa-blue: #005BAC;
    --starry-blue: #003DA6;
    --sky-blue: #009BDE;
    --china-red: #C30D23;
    --quality-gray: #878787;

    /* Font Stack */
    --sl-font-sans: system-ui;
    --sl-font-serif: system-ui;
    --sl-font-mono: system-ui;

    /* Override Shoelace Light Theme Base */
    --sl-color-primary-50: #e5eff7;
    --sl-color-primary-100: #cce0ef;
    --sl-color-primary-200: #99c0df;
    --sl-color-primary-300: #66a1cf;
    --sl-color-primary-400: #3381bf;
    --sl-color-primary-500: var(--buaa-blue);
    --sl-color-primary-600: var(--buaa-blue);
    --sl-color-primary-700: var(--starry-blue);
    --sl-color-primary-800: var(--starry-blue);
    --sl-color-primary-900: #002870;
    --sl-color-primary-950: #001a4d;

    --sl-color-success-500: var(--sky-blue);
    --sl-color-success-600: var(--sky-blue);
    
    --sl-color-info-500: var(--sky-blue);
    --sl-color-info-600: var(--sky-blue);

    --sl-color-danger-500: var(--china-red);
    --sl-color-danger-600: var(--china-red);

    --sl-color-warning-500: var(--china-red);
    --sl-color-warning-600: var(--china-red);

    --sl-input-border-radius-small: var(--radius-sm);
    --sl-input-border-radius-medium: var(--radius-md);
    --sl-input-border-radius-large: var(--radius-lg);

    /* Map redundant colors to Shoelace core */
    --page-bg: var(--sl-color-neutral-50);
    --surface: var(--sl-panel-background-color);
    --surface-alt: var(--sl-color-neutral-100);
    --line: var(--sl-color-neutral-200);
    --text-strong: var(--sl-color-neutral-900);
    --text-body: var(--sl-color-neutral-700);
    --header-bg: color-mix(in srgb, var(--surface) 90%, transparent);
    --overlay-bg: color-mix(in srgb, var(--surface) 86%, transparent);
    --inverse-text: #ffffff;
    
    --shadow-level-1: 0 2px 4px rgba(0,0,0,0.08);
    --shadow-level-2: 0 8px 16px rgba(0,0,0,0.12);
    --shadow-level-3: 0 24px 48px rgba(0,61,166,0.15);
    
    --shadow-lg: var(--shadow-level-2);
    --shadow-md: var(--shadow-level-1);
    
    --radius-sm: var(--sl-border-radius-small, 0.1875rem);
    --radius-md: var(--sl-border-radius-medium, 0.25rem);
    --radius-lg: var(--sl-border-radius-large, 0.5rem);
    --radius-xl: var(--sl-border-radius-x-large, 1rem);
    --radius-circle: var(--sl-border-radius-circle, 50%);
    --radius-pill: var(--sl-border-radius-pill, 9999px);
    
    --container: 1180px;
}