:root {
    /* Brand Colors */
    --primary-blue: #2B549F;
    --primary-dark: #0056b3;
    --primary-light: #e7f3ff;

    /* Status Colors */
    --status-ready: #28a745;
    --status-wait: #ffc107;
    --status-danger: #dc3545;
    --status-finish: #6c757d;

    /* Grayscale */
    --white: #ffffff;
    --gray-50: #f8f9fa;
    --gray-100: #f1f3f5;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;

    /* Text & Shadow */
    --text-dark: #1a1a1a;
    --text-main: #444444;
    --text-muted: #888888;
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.15);

    /* Spacing & Radius */
    --container-width: 1200px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 40px;
    --radius-md: 8px;
    --radius-lg: 15px;
    --z-header: 1000;
}