:root {
    --primary-color: #2c3e50;
    --accent-color: #3498db;
    --commit-action-color: #16a085;
    --commit-action-hover-color: #138a72;
    --danger-action-color: #e74c3c;
    --danger-action-hover-color: #c0392b;
    --text-color: #34495e;
    --border-color: #ccc;
    --button-height: 40px;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);


    /* Extended design tokens */
    --action-color: #2b6cb0;
    --action-hover-color: #1a5490;
    --surface-hover: #f6f8fa;
    --surface-subtle: #f8fafc;
    --border-medium: #d0d7de;
    --border-light: #e2e8f0;
    --text-dark: #2d3748;
    --text-muted-dark: #5f6368;
    --color-success-bg: #d4edda;
    --color-success-border: #c3e6cb;
    --color-success-text: #155724;
    --color-danger-bg: #f8d7da;
    --color-danger-border: #f5c6cb;
    --color-danger-text: #721c24;
    --color-info-bg: #d1ecf1;
    --color-info-border: #bee5eb;
    --color-info-text: #0c5460;
    --color-warning-bg: #fff3cd;
    --color-warning-border: #ffeaa7;
    --color-warning-text: #856404;


}