:root {
    --mfsa-ui-teal: #00685e;
    --mfsa-ui-teal-dark: #004d44;
    --mfsa-ui-teal-hover: #005a51;
    --mfsa-ui-text: #1f2937;
    --mfsa-ui-text-muted: #4b5563;
    --mfsa-ui-surface: #ffffff;
    --mfsa-ui-surface-subtle: #f7f8f8;
    --mfsa-ui-border: #9ca3af;
    --mfsa-ui-border-light: #d1d5db;
    --mfsa-ui-focus: #005fcc;
    --mfsa-ui-radius: 6px;
    --mfsa-ui-control-height: 44px;
    --mfsa-ui-gap: 12px;
}