/**
 * Light theme — default. CSS variables consumed by component CSS.
 * Pattern adapted from natimark-core portal/static/css/themes/light.css.
 * Keep palette restrained; component CSS layers brand colors on top.
 */
:root,
:root[data-theme="light"] {
    --bg-primary: #ffffff;
    --bg-secondary: #f7f8fb;
    --bg-dark: #f1f3f7;

    --text-primary: #1f2937;
    --text-secondary: #6b7280;
    --text-muted: #9ca3af;

    --border-color: #e5e7eb;
    --card-bg: #ffffff;
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);

    --table-bg: #ffffff;
    --table-border: #e5e7eb;
    --table-header-bg: #f7f8fb;
    --table-hover: rgba(78, 115, 223, 0.06);

    --input-bg: #ffffff;
    --input-border: #d1d5db;
    --input-focus-border: #4e73df;

    --brand-primary: #4e73df;
    --brand-primary-hover: #3a5cc4;
    --brand-success: #1cc88a;
    --brand-warning: #f6c23e;
    --brand-danger: #e74a3b;
}