/* css/theme.css - Kleuren, Dark Mode en Knop-schaling (v62) */
:root {
    --bg-color: #f8fafc;
    --card-bg: #ffffff;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --primary-color: #2563eb;
    --primary-hover: #1d4ed8;
    --danger-color: #ef4444;
    --danger-hover: #dc2626;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --input-border: #cbd5e1;
    --table-border: #e2e8f0;
    --table-th-bg: #f1f5f9;
    --btn-turf-bg: #ffffff;
    --btn-turf-border: #e2e8f0;
    --btn-turf-hover: #f8fafc;
    --btn-turf-shadow: rgba(0, 0, 0, 0.05);

    --btn-min-height: 110px;
    --btn-font-size: 1.15rem;
    --btn-icon-size: 2.2rem;
    --grid-min-col: 180px;
}

[data-theme="dark"] {
    --bg-color: #0f172a;
    --card-bg: #1e293b;
    --text-main: #f8fafc;
    --text-muted: #94a3b8;
    --primary-color: #3b82f6;
    --primary-hover: #60a5fa;
    --danger-color: #f87171;
    --danger-hover: #ef4444;
    --success-color: #34d399;
    --warning-color: #fbbf24;
    --input-border: #334155;
    --table-border: #334155;
    --table-th-bg: #1e293b;
    --btn-turf-bg: #1e293b;
    --btn-turf-border: #334155;
    --btn-turf-hover: #334155;
    --btn-turf-shadow: rgba(0, 0, 0, 0.3);
}

html[data-button-size="xs"] { --btn-min-height: 70px; --btn-font-size: 0.88rem; --btn-icon-size: 1.4rem; --grid-min-col: 120px; }
html[data-button-size="sm"] { --btn-min-height: 85px; --btn-font-size: 1rem; --btn-icon-size: 1.7rem; --grid-min-col: 140px; }
html[data-button-size="md"] { --btn-min-height: 110px; --btn-font-size: 1.15rem; --btn-icon-size: 2.2rem; --grid-min-col: 180px; }
html[data-button-size="lg"] { --btn-min-height: 140px; --btn-font-size: 1.35rem; --btn-icon-size: 2.8rem; --grid-min-col: 220px; }
html[data-button-size="xl"] { --btn-min-height: 175px; --btn-font-size: 1.55rem; --btn-icon-size: 3.4rem; --grid-min-col: 260px; }