:root {
    --em-color-primary: #243447;
    --em-color-primary-hover: #1d2a3a;
    --em-color-success: #1f8a5b;
    --em-color-success-hover: #176f49;
    --em-color-info: #2f6f9f;
    --em-color-info-hover: #245b83;
    --em-color-warning: #b7791f;
    --em-color-warning-hover: #975a16;
    --em-color-danger: #b42318;
    --em-color-danger-hover: #8f1d14;
    --em-color-accent: #0f9f8f;
    --em-color-accent-hover: #0c7f73;
    --em-color-activity: #6956b4;
    --em-color-activity-hover: #56469a;

    --em-color-text: #1f2937;
    --em-color-text-muted: #5f6b7a;
    --em-color-text-subtle: #8a97a8;
    --em-color-on-strong: #ffffff;
    --em-color-border: #d9e1ea;
    --em-color-border-strong: #c7d0dc;
    --em-color-border-control: #d7dee8;
    --em-color-surface: #ffffff;
    --em-color-surface-muted: #f6f8fb;
    --em-color-surface-soft: #eef3f7;
    --em-color-surface-neutral: #edf1f5;

    --em-color-info-soft: #e8f2f8;
    --em-color-success-soft: #e9f6ef;
    --em-color-warning-soft: #fff7e8;
    --em-color-danger-soft: #fdeceb;
    --em-color-bootstrap-info-soft: #e6f6f5;
    --em-color-bootstrap-warning-soft: #fff8e5;
    --em-color-bootstrap-neutral-soft: #f1f4f7;

    --em-color-validation-danger: #c24155;
    --em-color-validation-danger-soft: #fae8ec;
    --em-color-validation-danger-border: #f0b7c1;
    --em-color-validation-danger-text: #8a1c2e;
    --em-color-validation-success-soft: #e4f6ea;
    --em-color-validation-success-border: #b9e6c8;
    --em-color-validation-success-text: #176f49;

    --em-color-auth-gradient-start: #26364d;
    --em-color-auth-gradient-end: #0f766e;
    --em-color-auth-muted: #6b7280;
    --em-color-auth-border: #dfe6ee;

    --em-color-print-text: #000000;
    --em-color-print-border: #c7d0dc;
    --em-color-swal-confirm: #b42318;

    --em-radius-xs: 3px;
    --em-radius-sm: 4px;
    --em-radius-md: 6px;
    --em-radius-lg: 10px;

    --em-space-1: 2px;
    --em-space-2: 4px;
    --em-space-3: 5px;
    --em-space-4: 8px;
    --em-space-5: 10px;
    --em-space-6: 12px;
    --em-space-7: 15px;
    --em-space-8: 20px;
    --em-space-9: 24px;
    --em-space-10: 30px;
    --em-space-11: 40px;

    --em-control-height-sm: 30px;
    --em-control-height: 34px;
    --em-font-size-xs: 12px;
    --em-font-size-sm: 14px;
    --em-font-weight-medium: 500;
    --em-font-weight-semibold: 600;
    --em-font-size-base: 14px;
    --em-line-height-base: 1.5;
    --em-line-height-heading: 1.25;
    --em-font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    /* Elevation & focus */
    --em-color-border-subtle: #e6ecf2;
    --em-shadow-color: 15, 23, 42;
    --em-shadow-sm: 0 1px 2px rgba(var(--em-shadow-color), 0.04), 0 1px 3px rgba(var(--em-shadow-color), 0.06);
    --em-shadow-md: 0 2px 4px rgba(var(--em-shadow-color), 0.05), 0 6px 16px rgba(var(--em-shadow-color), 0.08);
    --em-color-focus-ring: 15, 159, 143;
    --em-shadow-focus: 0 0 0 3px rgba(var(--em-color-focus-ring), 0.22);

    /* Özet kartı (scorecard) değer yazısı — büyük TL rakamları dar kartta taşmasın diye responsive ölçek. */
    --em-scorecard-value: clamp(0.95rem, 0.55rem + 1vw, 1.55rem);
    --em-scorecard-icon: 1.65em;
}