:root {
  --chart-height: 11rem;
  --chart-stroke: 2.5;
  --audience-track: 0.25rem;
  --creator-badge: #1da1f2;
  --bg: #111111;
  --surface: #222222;
  --surface-raised: #2d2d2d;
  --border: #444444;
  --input-border: #858585;
  --text: #f5f5f5;
  --muted: #bdbdbd;
  --accent: #ffffff;
  --on-accent: #111111;
  --danger: #eeeeee;
  --success: #dddddd;
  --warning: #cccccc;
  --light-bg: #f5f5f5;
  --light-text: #171717;
  --light-muted: #5b5b5b;
  --light-accent: #111111;
  --white: #ffffff;
  --black: #000000;
  --overlay: rgba(0, 0, 0, 0.65);
  --shadow: 0 18px 55px rgba(0, 0, 0, 0.2);
  --sans: Arial, Helvetica, sans-serif;
  --serif: Georgia, serif;
  --mono: ui-monospace, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.75rem;
  --text-display: 2.5rem;
  --s0: 0;
  --s1: 0.25rem;
  --s2: 0.5rem;
  --s3: 0.75rem;
  --s4: 1rem;
  --s5: 1.25rem;
  --s6: 1.5rem;
  --s8: 2rem;
  --s10: 2.5rem;
  --s12: 3rem;
  --s16: 4rem;
  --s20: 5rem;
  --r-sm: 0.5rem;
  --r-md: 0.75rem;
  --r-lg: 1rem;
  --r-xl: 1.5rem;
  --r-pill: 999px;
  --control: 2.75rem;
  --phone: 27.5rem;
  --content: 80rem;
  --motion: 160ms;
  --hero-size: clamp(3rem, 5.5vw, 5.5rem);
  --cover-default: 26.25rem;
  --preview: 23.375rem;
  --nav-height: 5.5rem;
}
:root {
  --chart-height: 11rem;
  --chart-stroke: 2.5;
  --audience-track: 0.25rem;
  --creator-badge: #1da1f2;
  --editor-width: 88rem;
  --gate-width: 25rem;
  --name-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
  --card-glow: 0 0 24px rgba(255, 255, 255, 0.22);
  --social-instagram: #c13584;
  --social-youtube: #c50000;
  --social-tiktok: #176e75;
  --social-facebook: #0866cc;
  --social-telegram: #007fb5;
}
:root {
  --chart-height: 11rem;
  --chart-stroke: 2.5;
  --audience-track: 0.25rem;
  --creator-badge: #1da1f2;
  --empty-photo-height: 15rem;
  --initial-size: 6rem;
  --social-size: 1.375rem;
  --social-circle: 2.75rem;
  --social-neutral-bg: #505050;
  --social-neutral-fg: #f5f5f5;
}
:root {
  --chart-height: 11rem;
  --chart-stroke: 2.5;
  --audience-track: 0.25rem;
  --creator-badge: #1da1f2;
  --gate-title: 1.375rem;
}

/* Creator page proportions measured from the Safari reference. */
:root {
  --creator-width: 32rem;
  --creator-desktop-space: 1.5rem;
  --creator-button-height: 4.75rem;
  --creator-card-ratio: 16 / 9;
  --creator-card-mobile-ratio: 4 / 3;
  --creator-card-label: 1.125rem;
  --creator-backdrop-blur: 2.5rem;
  --creator-backdrop-opacity: 0.45;
  --creator-section-rule: 1px;
}

:root {
  --creator-name-size: 2rem;
  --creator-status-size: .875rem;
  --creator-status-line: 1.25rem;
  --creator-divider-height: 1rem;
  --creator-divider-opacity: .55;
  --creator-button-label: 1rem;
  --creator-card-shade: rgba(0, 0, 0, .55);
}

:root {
  --adult-bg: #09090b;
  --adult-width: 22.5rem;
  --adult-padding: 1.375rem;
  --adult-radius: 1.25rem;
  --adult-button-radius: .875rem;
  --adult-button-bg: #111111;
  --adult-border: #dddddd;
  --adult-copy: #4b4b4b;
  --adult-focus: #7bbaff;
  --adult-focus-width: .1875rem;
  --adult-button-height: 2.875rem;
}