:root {
    /* Original colors (commented out for easy restoration) */
    /* --primary-blue: #1e40af; */
    /* --primary-blue-light: #3b82f6; */
    /* --primary-blue-dark: #1e3a8a; */
    /* --accent-green: #059669; */
    /* --accent-orange: #ea580c; */
    /* --accent-purple: #7c3aed; */
    /* --accent-red: #dc2626; */
    /* --accent-yellow: #d97706; */
    /* --text-dark: #1f2937; */
    /* --text-light: #6b7280; */
    /* --text-muted: #9ca3af; */
    /* --bg-white: #ffffff; */
    /* --bg-light: #f9fafb; */
    /* --bg-lighter: #f3f4f6; */
    /* --border-light: #e5e7eb; */
    /* --border-medium: #d1d5db; */

    /* Grayscale colors for testing */
    --primary-blue: #4a5568;
    --primary-blue-light: #718096;
    --primary-blue-dark: #2d3748;
    --accent-green: #4a5568;
    --accent-orange: #4a5568;
    --accent-purple: #4a5568;
    --accent-red: #4a5568;
    --accent-yellow: #4a5568;
    --text-dark: #1a202c;
    --text-light: #4a5568;
    --text-muted: #718096;
    --bg-white: #ffffff;
    --bg-light: #f7fafc;
    --bg-lighter: #edf2f7;
    --border-light: #e2e8f0;
    --border-medium: #cbd5e0;
    --text-danger: #dc3545;
    --bg-danger: #f8d7da;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* Aliases expected by project detail styles */
    --primary-color: var(--primary-blue);
    --secondary-color: var(--primary-blue-light);
    --primary-dark: var(--primary-blue-dark);
    --text-primary: var(--text-dark);
    --text-secondary: var(--text-light);
    --border-color: var(--border-light);
    --success-color: var(--accent-green);
}