@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
    --yhr-font-primary: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    
    /* Standardized font sizes */
    --yhr-text-xs: 12px;
    --yhr-text-sm: 13px;
    --yhr-text-base: 14px;
    --yhr-text-lg: 16px;
    --yhr-text-xl: 18px;
    --yhr-text-2xl: 24px;
    --yhr-text-3xl: 28px;
    --yhr-text-4xl: 32px;
}

/* Base Wrapper styles to enforce fonts */
.yhr-portal-wrapper {
    font-family: var(--yhr-font-primary) !important;
    font-size: var(--yhr-text-base);
    color: #111827;
}

/* Enforce on all children to override WordPress admin defaults */
.yhr-portal-wrapper * {
    font-family: var(--yhr-font-primary) !important;
}

/* Enforce on specific elements that tend to reset fonts */
.yhr-portal-wrapper input,
.yhr-portal-wrapper select,
.yhr-portal-wrapper textarea,
.yhr-portal-wrapper button {
    font-family: var(--yhr-font-primary) !important;
}

.yhr-portal-wrapper input:focus,
.yhr-portal-wrapper select:focus,
.yhr-portal-wrapper textarea:focus,
.yhr-modal-overlay input:focus,
.yhr-modal-overlay select:focus {
    border-color: var(--yhr-brand-color, #3b82f6) !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important;
}

/* Utility Typography Classes */
.yhr-text-xs { font-size: var(--yhr-text-xs) !important; }
.yhr-text-sm { font-size: var(--yhr-text-sm) !important; }
.yhr-text-base { font-size: var(--yhr-text-base) !important; }
.yhr-text-lg { font-size: var(--yhr-text-lg) !important; }
.yhr-text-xl { font-size: var(--yhr-text-xl) !important; }
.yhr-text-2xl { font-size: var(--yhr-text-2xl) !important; }
.yhr-text-3xl { font-size: var(--yhr-text-3xl) !important; }
.yhr-text-4xl { font-size: var(--yhr-text-4xl) !important; }