:root {
    --dga-font-family: "IBM Plex Sans Arabic", sans-serif;

    --dga-color-primary: #1b8354;
    --dga-color-primary-hover: #166a45;
    --dga-color-primary-active: #14573a;
    --dga-color-focus: #84e1bc;
    --dga-color-title: #0d121c;
    --dga-color-text: #384250;
    --dga-color-muted: #6b7280;
    --dga-color-strong: #1f2a37;
    --dga-color-border: #f3f4f6;
    --dga-color-divider: #1b8354;
    --dga-shadow-card: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
}




.dga-section-title {
    color: var(--dga-color-title);
    font: 700 30px / 38px var(--dga-font-family);
}