/* ========================================================================= AUGMAS — Premium stylesheet (v3 — light theme) Clean, premium white theme. Single vivid green accent. Brand foundation: AUGMAS-DESIGN-SYSTEM.md ========================================================================= */ /* ----------------------------- Tokens ----------------------------------- */ :root{ --cf-ink:#0b1521; --cf-ink-2:#111f30; --cf-ink-line:rgba(255,255,255,.09); --bg:#ffffff; --bg-2:#f6f8fb; --bg-3:#eef2f7; --surface:#ffffff; --surface-2:#f6f8fb; --surface-3:#eef2f7; --border:#e6e9f0; --border-soft:rgba(15,23,42,.08); --border-faint:rgba(15,23,42,.05); --green:#16a34a; --green-bright:#1bb757; --green-2:#15803d; --green-3:#16a34a; --green-soft:rgba(22,163,74,.10); --green-line:rgba(22,163,74,.26); --green-glow:rgba(22,163,74,.28); --text:#0b1521; --text-2:#33404f; --muted:#5a6573; --muted-2:#8b95a3; --on-green:#ffffff; --stat-from:#03bc6f; --stat-to:#00995a; --font:"Aeonik","General Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace; --r-sm:10px; --r-md:14px; --r-lg:18px; --r-xl:24px; --r-pill:999px; --section-y:clamp(48px,5.2vw,72px); --container:1200px; --gutter:clamp(20px,5vw,40px); --ease:cubic-bezier(.22,.61,.36,1); --ease-out:cubic-bezier(.16,1,.3,1); --spring:cubic-bezier(.34,1.56,.64,1); --shadow-sm:0 1px 2px rgba(16,24,40,.06); --shadow-card:0 1px 3px rgba(16,24,40,.05),0 16px 36px -16px rgba(16,24,40,.16); --shadow-glow:0 22px 60px -22px rgba(0,180,108,.30); --mx:50%; --my:50%; /* cursor position for spotlight */ } /* Elementor's kit ships a default Global Color "Text" of #7A7A7A (Elementor adds a class like .elementor-kit- to , being that kit post's auto-incremented ID — different on every WordPress install, so it must never be hardcoded here), and its own CSS sets every text-editor widget's wrapper to color:var(--e-global-color-text). Since most of our heading/title classes below never declare their own color, they inherit that gray instead of --text. This was supposed to be set correctly in Elementor Site Settings > Global Colors before building any page (see CLAUDE.md) but never was — override the variable directly on (present on every page regardless of kit ID) so every widget resolves to the intended dark text color instead. */ body{ --e-global-color-text:#0b1521 !important; } /* Hello Elementor's own reset.css ships a placeholder magenta (#cc3366) on bare