/*
Theme Name: Founder Page
Theme URI: https://founder.page
Author: Zain
Author URI: https://founder.page
Description: Minimalist, VIP-feel link-in-bio theme built for founder.page. Free profiles get an avatar, banner, bio, ten social networks, three links, a contact button, a location and status badge, and share/QR. Premium adds up to 25 links with icons and a featured link, 9 extra templates, photos, interests, projects, testimonials, video and music embeds, a newsletter box, booking and file buttons, custom colours, fonts and backgrounds, SEO control, analytics, a verified badge and brandmark removal.
Version: 2.1.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: founderpage
*/

/* ==========================================================================
   Design tokens
   ========================================================================== */
:root{
  --fp-ink:        #14161A;
  --fp-ink-soft:   #4B5158;
  --fp-muted:      #8A909A;
  --fp-line:       #E7E9EC;
  --fp-paper:      #FFFFFF;
  --fp-paper-soft: #F7F8FA;
  --fp-brand:      #2451E5;
  --fp-brand-ink:  #FFFFFF;
  --fp-gold:       #B08A34;
  --fp-gold-soft:  #F3ECDA;

  --fp-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --fp-font-display: "Space Grotesk", var(--fp-font-sans);
  --fp-font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --fp-font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;

  --fp-radius: 10px;
  --fp-container: 760px;

  /* Card-scoped tokens, defaulted here so blocks reused outside a profile
     card (e.g. the dashboard's Share panel) still resolve. */
  --fpc-text:         #14161A;
  --fpc-soft:         #4B5158;
  --fpc-dim:          #8A909A;
  --fpc-line:         #E7E9EC;
  --fpc-surface:      #FFFFFF;
  --fpc-surface-soft: #F7F8FA;
  --fpc-accent:       #2451E5;
  --fpc-on-accent:    #FFFFFF;
}

*, *::before, *::after{ box-sizing: border-box; }

html{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body.founderpage{
  margin: 0;
  font-family: var(--fp-font-sans);
  color: var(--fp-ink);
  background: var(--fp-paper);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img{ max-width: 100%; display: block; }
a{ color: inherit; text-decoration: none; }
button, input{ font-family: inherit; }

.fp-container{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
}

.screen-reader-text{
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
}

:focus-visible{
  outline: 2px solid var(--fp-brand);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}