:root{
  /* Polymarket-aligned desk tokens — values below are the real polymarket.com
     dark-theme tokens (extracted 2026-09-04 via getComputedStyle dump on the
     live site), remapped 1:1 onto this file's own variable names. */
  --font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;

  --bg-primary:#15191D;
  --bg-secondary:#242B32;
  --bg-tertiary:#2E3841;
  --bg-card:#1E2428;
  --bg-hover:#242B32;
  --bg-input:#242B32;
  --bg-modal:#181D21;

  --text-primary:#DEE3E7;
  --text-black:#DEE3E7;
  --text-secondary:#7B8996;
  --text-tertiary:#586879;
  --text-muted:#586879;
  --text-accent:#0093FD;
  --text-red:#CB3131;
  --text-green:#3DB468;
  --text-disabled:#586879;

  --primary:#0093FD;
  --primary-hover:#26A3FD;
  --primary-active:#0B568D;
  --secondary:#F9FAFB;
  --on-secondary:#111827;
  --secondary-hover:#E5E5E5;
  --tertiary:rgba(255,255,255,.05);

  --border:rgba(255,255,255,.05);
  --border-hover:rgba(255,255,255,.11);
  --border-strong:rgba(255,255,255,.14);
  --border-subtle:rgba(255,255,255,.05);
  --divider:rgba(255,255,255,.05);
  --stroke-background:#15191D;
  --stroke-divider:rgba(255,255,255,.05);
  --stroke-error:#CB3131;

  --background:#15191D;
  --landing-bg:#15191D;
  --header-bg:#15191D;
  --bg-elevated:#1E2428;
  --card-bg:#1E2428;
  --card-bg-hover:#242B32;
  --surface-1:#1E2428;
  --surface-2:#242B32;
  --surface-sunken:#181D21;
  --surface-elevated:rgba(255,255,255,.11);
  --surface-subtle:rgba(255,255,255,.02);
  --overlay-hover:rgba(255,255,255,.05);
  --overlay-press:rgba(255,255,255,.11);
  --overlay-strong:rgba(255,255,255,.14);
  --overlay-scrim:rgba(21,25,29,.72);

  --accent-soft:rgba(0,147,253,.14);
  --accent-soft-hover:rgba(0,147,253,.22);
  --green-soft:rgba(61,180,104,.14);
  --green-soft-hover:rgba(61,180,104,.22);
  --red-soft:rgba(203,49,49,.12);
  --red-soft-hover:rgba(203,49,49,.2);

  --success:#3DB468;
  --success-bg:#1D3539;
  --danger:#CB3131;
  --danger-bg:#4C2A32;
  --warning:#F7D022;
  --warning-bg:#333C37;

  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:14px;
  --radius-lg:20px;
  --radius-xl:24px;
  --pm-radius:14px;
  --transition:150ms ease-out;

  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:64px;

  --shadow-card:none;
  --shadow-card-hover:0 14px 36px -14px rgba(0,0,0,.55);
  --shadow-pop:0 18px 50px rgba(0,0,0,.5);

  --lk-text:#DEE3E7;
  --lk-text-muted:rgba(222,227,231,.6);
  --color-green-500:#3DB468;
  --color-red-500:#CB3131
}

html.pm-shell--light{
  --text-primary:#12141A;
  --text-black:#12141A;
  --text-secondary:#565C66;
  --text-tertiary:#7A8290;
  --text-muted:#7B8996;
  --text-accent:#2F6BFF;
  --text-red:#D83A2C;
  --text-green:#138A3E;
  --text-disabled:#A0A7B2;
  --primary:#2F6BFF;
  --primary-hover:#26A3FD;
  --primary-active:#0B568D;
  --secondary:#12141A;
  --on-secondary:#FFFFFF;
  --secondary-hover:#242B32;
  --tertiary:rgba(18,20,26,.06);
  --border:rgba(18,20,26,.08);
  --border-hover:rgba(18,20,26,.12);
  --border-strong:rgba(18,20,26,.14);
  --border-subtle:rgba(18,20,26,.06);
  --divider:rgba(18,20,26,.08);
  --stroke-background:#F4F5F7;
  --stroke-divider:rgba(18,20,26,.08);
  --stroke-error:#D83A2C;
  --background:#F4F5F7;
  --landing-bg:#F4F5F7;
  --header-bg:#FFFFFF;
  --bg-elevated:#FFFFFF;
  --bg-primary:#F4F5F7;
  --bg-secondary:#FFFFFF;
  --bg-tertiary:#EEF0F3;
  --bg-card:#FFFFFF;
  --bg-hover:#F0F2F5;
  --bg-input:#EEF0F3;
  --bg-modal:#FFFFFF;
  --card-bg:#FFFFFF;
  --card-bg-hover:#F8F9FB;
  --surface-1:#FFFFFF;
  --surface-2:#FFFFFF;
  --surface-sunken:#EEF0F3;
  --surface-elevated:rgba(18,20,26,.06);
  --surface-subtle:rgba(18,20,26,.04);
  --overlay-hover:rgba(18,20,26,.05);
  --overlay-press:rgba(18,20,26,.08);
  --overlay-strong:rgba(18,20,26,.12);
  --overlay-scrim:rgba(18,20,26,.4);
  --accent-soft:rgba(0,147,253,.12);
  --accent-soft-hover:rgba(0,147,253,.2);
  --green-soft:rgba(19,138,62,.12);
  --green-soft-hover:rgba(19,138,62,.2);
  --red-soft:rgba(216,58,44,.1);
  --red-soft-hover:rgba(216,58,44,.18);
  --shadow-card:0 1px 2px rgba(18,20,26,.05),0 2px 8px rgba(18,20,26,.06);
  --shadow-card-hover:0 14px 32px -16px rgba(18,20,26,.2);
  --shadow-pop:0 12px 40px rgba(18,20,26,.14);
  --lk-text:#12141A;
  --lk-text-muted:rgba(18,20,26,.6);
  --color-green-500:#15A34A;
  --color-red-500:#CB3131
}

html.pm-shell,html.pm-shell body{
  background:var(--background);
  color:var(--text-primary);
  font-family:var(--font-family);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  margin:0;
  line-height:1.45;
  font-weight:500;
  font-size:16px
}

html.pm-shell--dark,html.pm-shell--dark body,html.pm-shell--light,html.pm-shell--light body{
  background:var(--background);
  color:var(--text-primary)
}

.pm-shell *,.pm-shell *:before,.pm-shell *:after{box-sizing:border-box}
.pm-shell button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}
.pm-shell a{color:inherit;text-decoration:none}
.pm-shell input,.pm-shell textarea{font-family:inherit}
@media(max-width:768px){.pm-shell input,.pm-shell select,.pm-shell textarea{font-size:max(16px,1em)}}
html.pm-shell--dark,html.pm-shell--dark body,html.pm-shell--light,html.pm-shell--light body{overscroll-behavior-y:contain}
.pm-shell ::-webkit-scrollbar{width:0;height:0}
.pm-shell{scrollbar-width:none}
.pm-container{max-width:1200px;width:100%;margin:0 auto;padding:0 16px}
@keyframes pm-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
