/* GF-BRAND 1.0-draft | source commit: pending canonical promotion * Values match growth-friday-design-tokens.json. * proposed_product_extension entries are NEW PROPOSALS, not brand-book facts. * Breakpoint variables are documentation/build metadata; CSS var() does not work in @media. * This file declares tokens only. Load the licensed Poppins face explicitly per README. */ :root { /* brand_book: Brand Book p.5; hex controls over printed RGB errors */ --gf-brand-charcoal: #333234; /* brand_book: Brand Book p.5; hex controls over printed RGB errors */ --gf-brand-palm: #367175; /* brand_book: Brand Book p.5; hex controls over printed RGB errors */ --gf-brand-sky: #22BCE3; /* brand_book: Brand Book p.5; hex controls over printed RGB errors */ --gf-brand-orange: #FF6A0F; /* brand_book: Brand Book p.5; hex controls over printed RGB errors */ --gf-brand-yellow: #FFBE0C; /* brand_book: Brand Book p.5; hex controls over printed RGB errors */ --gf-brand-soft-white: #E0E1DD; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-black: #000000; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-white: #FFFFFF; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-canvas: #FBFBFA; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-stone: #EDEDE8; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-border-stone: #DADAD5; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-deep-teal: #2B5A5E; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-tint-orange: #FFE1CF; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-tint-blue: #D3F2F9; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-tint-teal: #D7E3E3; /* verified_website: Corporate homepage CSS :root, 2026-09-07 */ --gf-digital-tint-yellow: #FFF2D0; /* reviewed_source: incoming/brand-source-2026-08-21/fonts/README.md; editorial face restricted */ --gf-font-display: "Poppins", Arial, sans-serif; /* reviewed_source: incoming/brand-source-2026-08-21/fonts/README.md; editorial face restricted */ --gf-font-body: "Helvetica Neue", Helvetica, Arial, sans-serif; /* reviewed_source: incoming/brand-source-2026-08-21/fonts/README.md; editorial face restricted */ --gf-font-editorial: "Charter", "Bitstream Charter", Georgia, serif; /* reviewed_source: fonts/README.md; use real available weights only */ --gf-weight-regular: 400; /* reviewed_source: fonts/README.md; use real available weights only */ --gf-weight-medium: 500; /* reviewed_source: fonts/README.md; use real available weights only */ --gf-weight-heading: 600; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h1: 4rem; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h2: 3rem; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h3: 2rem; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-body: 1.125rem; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h1-line: 1.1; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h2-line: 1.1; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h3-line: 1.2; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-body-line: 1.5; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h1-tracking: -0.05em; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h2-tracking: -0.04em; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-h3-tracking: -0.025em; /* verified_website: Homepage selectors h1/h2/h3/body, 1440px viewport */ --gf-marketing-body-tracking: -0.02em; /* verified_website: Homepage :root and .button-block */ --gf-radius-small: 8px; /* verified_website: Homepage :root and .button-block */ --gf-radius-medium: 16px; /* verified_website: Homepage :root and .button-block */ --gf-radius-large: 20px; /* verified_website: Homepage :root and .button-block */ --gf-radius-pill: 40px; /* verified_website: Homepage :root and .button-block */ --gf-radius-button: 0.75rem; /* verified_website: .container-large */ --gf-width-marketing: 80rem; /* verified_website: Published CSS/inline media rules; metadata, not var() media expressions */ --gf-breakpoint-tablet-max: 991px; /* verified_website: Published CSS/inline media rules; metadata, not var() media expressions */ --gf-breakpoint-mobile-max: 767px; /* verified_website: Published CSS/inline media rules; metadata, not var() media expressions */ --gf-breakpoint-small-max: 479px; /* verified_website: Published CSS/inline media rules; metadata, not var() media expressions */ --gf-breakpoint-service-tabs-max: 880px; /* verified_website: .padding-global/.padding-section-medium/.button-block/.form_input */ --gf-website-page-padding: 2.5rem; /* verified_website: .padding-global/.padding-section-medium/.button-block/.form_input */ --gf-website-section-padding: 4rem; /* verified_website: .padding-global/.padding-section-medium/.button-block/.form_input */ --gf-website-section-padding-mobile: 3rem; /* verified_website: .padding-global/.padding-section-medium/.button-block/.form_input */ --gf-website-control-min: 2.75rem; /* verified_website: .padding-global/.padding-section-medium/.button-block/.form_input */ --gf-website-input-min: 3rem; /* verified_website: .padding-global/.padding-section-medium/.button-block/.form_input */ --gf-website-input-shadow: 0 2px 10px #00000005; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-text: #333234; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-text-secondary: #333234; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-canvas: #FBFBFA; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-surface: #FFFFFF; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-surface-muted: #EDEDE8; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-border: #DADAD5; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-control-border: #367175; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-link: #2B5A5E; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-primary: #000000; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-on-primary: #FFFFFF; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-primary-hover: #333234; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-focus: #2B5A5E; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-focus-inverse: #FFBE0C; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-success-bg: #D7E3E3; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-success-text: #333234; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-attention-bg: #FFF2D0; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-attention-text: #333234; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-failure-bg: #FFE1CF; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-failure-text: #333234; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-info-bg: #D3F2F9; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-info-text: #333234; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-neutral-bg: #EDEDE8; /* proposed_product_extension: Proposed semantic assignment using verified palette; standard sections 4 and 8 */ --gf-app-neutral-text: #333234; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-1: 0.25rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-2: 0.5rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-3: 0.75rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-4: 1rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-6: 1.5rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-8: 2rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-12: 3rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-16: 4rem; /* proposed_product_extension: Proposed shared 4px spacing scale at default 16px root */ --gf-space-24: 6rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-title: 2rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-title-mobile: 1.5rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-title-line: 1.2; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-card-title: 1.125rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-metric: 2rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-body: 1rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-body-line: 1.5; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-small: 0.875rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-small-line: 1.5; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-tracking: 0em; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-sidebar: 15rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-topbar: 4rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-content: 80rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-read-width: 70ch; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-page-padding: 2rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-page-padding-mobile: 1rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-control-height: 3rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-control-compact: 2.75rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-row-operator: 3rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-row-client: 3.5rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-drawer-width: 30rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-modal-width: 36rem; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-border-width: 1px; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-focus-width: 2px; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-focus-offset: 3px; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-shadow: none; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-shadow-overlay: 0 12px 32px rgb(0 0 0 / 12%); /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-motion-duration: 180ms; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-motion-easing: ease-out; /* proposed_product_extension: Proposed digital-product extension; does not change existing product behavior */ --gf-app-breakpoint-shell: 64rem; }