:root {
  --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 {
  --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 {
  --empty-photo-height: 15rem;
  --initial-size: 6rem;
  --social-size: 1.25rem;
}
:root {
  --gate-title: 1.375rem;
}