:root {
    --color-text-primary: #1f2a44;
    --primary: #1f6a45;
    --primary-hover: #2d8f5a;
    --secondary: #6c757d;
    --secondary-hover: #5a6268;
    --warning: #f39c12;
    --warning-hover: #e67e22;
    --danger: #dc3545;
    --danger-hover: #c82333;
    --info: #17a2b8;
    --info-hover: #138496;
    --card-bg: rgba(255,255,255,0.95);
    --card-border: rgba(240,240,240,0.9);
    --card-shadow: 0 12px 32px rgba(0,0,0,0.06);
    --table-header-bg: #fafbfc;
    --row-hover-bg: rgba(46,204,113,0.05);
    --focus: #2d8f5a;
}

/* Focus styles: show only for keyboard users */
button:focus, a:focus, input:focus, select:focus, textarea:focus { outline: none; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--focus);
    outline-offset: 2px;
}

/* Utility tokens (optional) */
.card-surface {
    background: var(--card-bg);
    border: 1px solid var(--card-border);
    box-shadow: var(--card-shadow);
}