:root {
    /* M3 Color Palette - Menggunakan variabel dari colors.css jika ada */
    --primary-color: #F40407; /* M3 Blue */
    --primary-accent: #ff1619;
    --primary-hover: #ff1619;
    --primary-pressed: #ff1619;
    --primary-container: #d1e4ff;
    --primary-danger: #E46962;
    --on-primary-container: #F40407;
    --surface: #fdfbff;
    --surface-variant: #f1f3f9;
    --on-surface-variant: #ff1619;
    --outline-variant: #c4c6d0;

    --table-header-color: #E4ECFF;
    --table-hover-color: #E4ECFF;

    /* Layout Variables */
    --sidebar-width: 280px;
    --header-height: 64px;

    /* M3 Elevation & Radius */
    --radius-small: 8px;
    --radius-medium: 12px;
    --radius-large: 16px;
    --radius-extra-large: 28px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.05);
}