/* FormFactor Design Tokens — loaded in to prevent FOUC Component styles live in the CSS Tokens content snippet (rendered via Header). This file provides only tokens + base styles that must load before first paint. */ :root { /* Brand */ --ff-primary: #1553a0; --ff-primary-hover: #0d3f7e; --ff-primary-light: #e9f0fa; /* Semantic */ --ff-secondary: #0a7b6c; --ff-success: #0a7b6c; --ff-success-light: #e6f5f2; --ff-warning: #9a4d00; --ff-warning-light: #fef4e8; --ff-error: #c41a2e; --ff-error-light: #fce8eb; /* Surfaces */ --ff-bg: #f7f8fa; --ff-surface: #ffffff; --ff-surface-hover: #f3f5f8; --ff-border: #dce0e6; --ff-border-strong: #a0a8b4; /* Text */ --ff-text: #1a1d23; --ff-text-secondary: #474d58; --ff-text-muted: #5c6370; --ff-text-inverse: #ffffff; /* Typography */ --ff-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --ff-font-size-xs: 0.8125rem; --ff-font-size-sm: 0.875rem; --ff-font-size-base: 1rem; --ff-font-size-md: 1.0625rem; --ff-font-size-lg: 1.25rem; --ff-font-size-xl: 1.5rem; --ff-font-size-2xl: 2rem; /* Spacing */ --ff-spacing-xs: 0.25rem; --ff-spacing-sm: 0.5rem; --ff-spacing-md: 1rem; --ff-spacing-lg: 1.5rem; --ff-spacing-xl: 2rem; --ff-spacing-2xl: 3rem; /* Layout */ --ff-container-max-width: 1400px; /* Radii */ --ff-radius: 6px; --ff-radius-lg: 10px; --ff-radius-sm: 4px; /* Shadows */ --ff-shadow-sm: 0 1px 2px rgba(0,0,0,0.05); --ff-shadow-md: 0 2px 8px rgba(0,0,0,0.07); --ff-shadow-lg: 0 8px 24px rgba(0,0,0,0.09); /* Footer */ --ff-footer-bg: #1a1d23; --ff-footer-text: #9ca3af; --ff-footer-heading: #e8eaed; --ff-footer-link: #93b4e0; --ff-footer-border: #2d3139; } /* ----- Base Styles (FOUC prevention) ----- */ html { font-size: 16px !important; } body { font-family: var(--ff-font-family) !important; font-size: var(--ff-font-size-base) !important; line-height: 1.6 !important; color: var(--ff-text) !important; background: var(--ff-bg) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body p, body span, body div, body label, body input, body textarea, body select, body button, body a, body h1, body h2, body h3, body h4, body h5, body h6, body li, body td, body th, .navbar, .nav-link, .dropdown-item, .username, .btn, .form-control, .form-select, .page-copy, .wrapper-body { font-family: var(--ff-font-family) !important; } h1, h2, h3, h4 { line-height: 1.2; } /* ----- Frame pages: hide all chrome early to prevent flash ----- */ body[data-sitemap-state*="form-submission-frame"] .navbar, body[data-sitemap-state*="form-submission-frame"] footer, body[data-sitemap-state*="form-submission-frame"] .ff-footer, body[data-sitemap-state*="form-submission-frame"] .ff-breadcrumb-bar, body[data-sitemap-state*="form-submission-frame"] .private-mode-banner, body[data-sitemap-state*="Form-Submission-Frame"] .navbar, body[data-sitemap-state*="Form-Submission-Frame"] footer, body[data-sitemap-state*="Form-Submission-Frame"] .ff-footer, body[data-sitemap-state*="Form-Submission-Frame"] .ff-breadcrumb-bar, body[data-sitemap-state*="Form-Submission-Frame"] .private-mode-banner { display: none !important; } body[data-sitemap-state*="form-submission-frame"], body[data-sitemap-state*="Form-Submission-Frame"] { background: var(--ff-surface) !important; padding: 0 !important; margin: 0 !important; } body[data-sitemap-state*="form-submission-frame"] .content-wrapper, body[data-sitemap-state*="form-submission-frame"] .wrapper-body, body[data-sitemap-state*="form-submission-frame"] .page-copy, body[data-sitemap-state*="form-submission-frame"] .container, body[data-sitemap-state*="form-submission-frame"] .row, body[data-sitemap-state*="form-submission-frame"] .col-lg-12, body[data-sitemap-state*="form-submission-frame"] .sectionBlockLayout, body[data-sitemap-state*="Form-Submission-Frame"] .content-wrapper, body[data-sitemap-state*="Form-Submission-Frame"] .wrapper-body, body[data-sitemap-state*="Form-Submission-Frame"] .page-copy, body[data-sitemap-state*="Form-Submission-Frame"] .container, body[data-sitemap-state*="Form-Submission-Frame"] .row, body[data-sitemap-state*="Form-Submission-Frame"] .col-lg-12, body[data-sitemap-state*="Form-Submission-Frame"] .sectionBlockLayout { min-height: 0 !important; padding: 0 !important; margin: 0 !important; max-width: 100% !important; } /* Anonymous form: hide chrome */ body[data-sitemap-state*="form-submission-anonymous"] .ff-footer, body[data-sitemap-state*="form-submission-anonymous"] .navbar { display: none !important; } /* Optional body-class toggles */ body.ff-hide-header .navbar { display: none !important; } body.ff-hide-breadcrumb .ff-breadcrumb-bar { display: none !important; } body.ff-hide-footer .ff-footer { display: none !important; } /* Hide PCF loading overlay so portal skeleton shows */ .MuiBackdrop-root, .MuiBackdrop-root[style] { background-color: transparent !important; background: transparent !important; color: transparent !important; opacity: 0 !important; } .MuiBackdrop-root > .MuiCircularProgress-root { display: none !important; }