:root {
    /* Primary Colors */
    --color-primary: #03295a;
    --color-primary-dark: #03295a;

    
    /* Text Colors */
    --color-text-primary: #2c3e50;
    --color-text-secondary: #333;
    
    /* Background Colors */
    --color-bg-main: #fff;
    --color-bg-hover: #f0f0f0;
    --color-bg-active: #e8f4f8;
    
    /* Border Colors */
    --color-cell-border: #ccc;
    --color-border-tertiary: #ddd;
    --color-border-quaternary: #e0e0e0;
    
    /* State Colors */
    --color-success: #27ae60;
    --color-success-dark: #229954;

    --color-warning: #f39c12;
    --color-warning-dark: #e67e22;

    --color-black: #000;
    --color-white: #fff;
    
    /* Shadow & Overlay Colors */
    --color-overlay: rgba(0, 0, 0, 0.5);
    --color-shadow: rgba(0, 0, 0, 0.3);
    --color-shadow-light: rgba(0, 0, 0, 0.1);
    
    /* Special Colors */
    --color-highlight: #fffacd;
    --color-button-secondary: #95a5a6;
    --color-button-secondary-hover: #7f8c8d;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    background-color: var(--color-white);
    color: var(--color-text-secondary);
}

.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}