:root {
    /* Modern primary colors */
    --accent-color: #2196F3;           /* Fresh blue */
    --accent-border-color: #1976D2;    /* Slightly darker blue */
    --accent-highlight-color: #42A5F5; /* Lighter blue */
    --accent-secondary-color: #FF5722; /* Vibrant orange */
    
    /* Surface colors */
    --background-secondary: #f8fafc;   /* Very light blue-gray */
    --surface-default: #ffffff;        /* Pure white */
    --surface-accent-color: #2196F3;   /* Match accent */
    --surface-accent-secondary-color: #E3F2FD; /* Very light blue */
    --surface-highlight-color: #f1f5f9;/* Light blue-gray */
    
    /* Text colors */
    --text-color: #334155;            /* Slate gray */
    --text-secondary-color: #64748b;   /* Medium gray */
    --clickable-text-color: #2196F3;   /* Match accent */
    --clickable-text-highlight-color: #FF5722; /* Match secondary */
    --clickable-text-used-color: #9C27B0; /* Modern purple */
    
    /* Borders */
    --border-default-color: #cbd5e1;   /* Light gray */
    --table-border-color: #e2e8f0;     /* Lighter gray */
    --container-separator-color: #e2e8f0; /* Lighter gray */
    
    /* Status colors */
    --text-red-color: #EF4444;        /* Modern red */
    --text-green-color: #22C55E;      /* Modern green */
    --text-blue-color: #3B82F6;       /* Modern blue */
    --text-orange-color: #F97316;     /* Modern orange */
    --text-brown-color: #78350F;      /* Modern brown */
    
    /* Control elements */
    --control-clickable-surface-color: #f8fafc; /* Very light gray */
    --control-border-color: #cbd5e1;   /* Light gray */
    --control-text-color: #334155;     /* Slate gray */
    
    /* Message boxes */
    --message-important-surface-color: #fef9c3; /* Light yellow */
    --message-important-text-color: #334155;    /* Slate gray */
    --msgbox-alert-sub-color: #fef2f2;         /* Light red */
    --msgbox-alert-key-color: #EF4444;         /* Modern red */
}