/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Feb 03 2026 | 11:34:38 */ /* BrightLeaf Digital (BLD) — Freemius Checkout theme Host this file over HTTPS and attach it under Plans → Customization → Custom Checkout CSS file. 0 */ /* ============ 1) Global (Hosted Checkout) ============ */ :root { /* --- BLD palette tokens (from your palette) --- */ --bld-purple-500: #975BE5; /* primary brand purple */ /* 1 */ --bld-purple-600: #7F3FD6; /* primary hover 2-purple-900: #3A1D6F; /* header prima4-purple-700: #5E3FA3; /* header second6d-bg: #F6F7FB; /* light backg8d-surface: #F8F5FF; /* container */10d-border: #D8CFF0; /* border subtl12d-neutral: #E8E4ED; /* print neutra14ld-text: #1A1429; /* main text *16ld-text-2: #5B5670; /* secondary te18d-text-3: #8A8699; /* light text *20ld-success: #99D328; /* secondary b22-bld-success-2: #C8E97A; /* accent lime 24-bld-info: #5F6EEA; /* product blu26ld-info-2: #9BA7F5; /* product blue28ld-magenta: #E062D8; /* magenta */ 30ld-magenta-2: #F2A6E8; /* magenta soft32ld-disabled: #B9A7D9; /* disabled bu34 --- Freemius “Layer Two” theme variabl36-ds-theme-primary-accent-color: var(--bld-purple-500); --fs-ds-theme-primary-accent-color-hover: var(--bld-purple-600); /* Optional: tighten the look a bit (safe, non-breaking defaults) */ --fs-ds-appearance-border-radius: 12px; } /* --- Freemius “Layer One” palette overrides (best-effort, aligns neutrals) --- */ /* Freemius documents palette families like --fs-ds-neutral-* and --fs-ds-green-* (inspect :root to extend). 37 */ :root { /* Neutrals */ --fs-ds-neutral-10: var(--bld-bg); --fs-ds-neutral-50: var(--bld-surface); --fs-ds-neutral-100: var(--bld-border); --fs-ds-neutral-200: var(--bld-neutral); --fs-ds-neutral-700: var(--bld-text-2); --fs-ds-neutral-800: var(--bld-text); --fs-ds-neutral-900: #1E1B2E; /* dark background */ /* 38 */ /* Success */ --fs-ds-green-500: var(--bld-success); --fs-ds-green-200: var(--bld-success-2); /* Info */ --fs39; --fs-ds-blue-200: var(--bld-info-2); /* Accent (pink/magenta) */ --fs-ds-freemius-500: var(--bld-purple-500); /* replace Freemius brand purple with BLD */ } /* --- Component polish (works even if Freemius renames internals) --- */ :root { --bld-focus-ring: 0 0 0 3px rgba(151, 91, 229, 0.22); } /* Buttons */ button, [type="button"], [type="submit"] { border-radius: 12px; } button:focus, button:focus-visible, [type="button"]:focus-visible, [type="submit"]:focus-visible { outline: none; box-shadow: var(--bld-focus-ring); } /* Inputs */ input, select, textarea { border-radius: 10px; } input:focus, select:focus, textarea:focus, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: none; box-shadow: var(--bld-focus-ring); } /* Links (keep them “product blue”) */ a { color: var(--bld-info); } a:hover, a:focus-visible { color: #4A57C6; /* product blue active */ /* 40 */ } /* Disabled controls */ button:disabled, input:disabled, select:disabled, textarea:disabled { opacity: 1; backgrou41rder-color: var(--bld-border); color: var(--bld-text-2); cursor: not-allowed; } /* Subtle cards/panels (broad selector—safe) */ section, fieldset, [role="group"] { border-color: var(--bld-border); } /* ============ 2) WordPress SDK embedded checkout ============ */ /* Freemius: apply theme variables on .dashboard-mode for embedded checkout. 42 */ .dashboard-mode { --fs-ds-theme-primary-accent-color: var(--bld-purple-500); --fs-ds-theme-primary-accent-color-hover: var(--bld-purple-600); } /* ============ 3) Optional per-checkout scoping ============ */ /* If you set a unique checkout via the Freemius checkout JS API, you can scope variants like: body#bld-agency { ... } 43 */