/* Platform look: black and white, thin type, hairlines. Applies to pages with <body class="mono">
   (the platform landing, platform admin, and organization sign-in). Organizations' own pages use their theme. */
body.mono{
  --indigo:#0A0A0A; --indigo-deep:#0A0A0A; --indigo-darkest:#000; --yellow:#0A0A0A; --yellow-bright:#262626;
  --magenta:#0A0A0A; --magenta-bright:#0A0A0A; --lavender:#F4F4F4; --lavender-dark:#BDBDBD;
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#F5F5F5; --text:#0A0A0A; --muted:#737373; --border:#E5E5E5;
  --accent:#0A0A0A; --kick:#0A0A0A; --ok:#0A0A0A; --ok-bg:#F0F0F0;
  --ink:#0A0A0A; --paper:#FFFFFF; --radius:4px; --shadow-sm:none; --shadow-md:none;
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif; font-weight:300; letter-spacing:-.005em;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) body.mono{
    --bg:#0A0A0A; --surface:#0A0A0A; --surface-2:#161616; --text:#F5F5F5; --muted:#8F8F8F; --border:#262626;
    --accent:#F5F5F5; --kick:#F5F5F5; --ok:#F5F5F5; --ok-bg:#1C1C1C; --lavender-dark:#525252; --ink:#F5F5F5; --paper:#0A0A0A; --indigo:#F5F5F5;
  }
}
body.mono b, body.mono strong, body.mono th{font-weight:500}
body.mono h1, body.mono h2, body.mono h3{font-weight:300;letter-spacing:-.025em}
body.mono .card h2{font-size:24px;font-weight:300}
body.mono .card h3{font-weight:400}
body.mono a{color:var(--ink);text-underline-offset:3px;text-decoration-thickness:1px}

/* Header: paper with a hairline, not a color band */
body.mono .top{background:var(--paper);color:var(--ink);box-shadow:none;border-bottom:1px solid var(--border)}
body.mono .brand{color:var(--ink)}
body.mono .brand b{font-weight:400;font-size:17px;letter-spacing:.02em}
body.mono .bmark{background:var(--ink);color:var(--paper);border-radius:2px;width:26px;height:26px;font-size:13px;font-weight:500}
body.mono .hbtn{background:transparent;border:1px solid var(--border);color:var(--ink);border-radius:999px;font-weight:400;height:36px}
body.mono .hbtn:hover{border-color:var(--ink);background:transparent}
body.mono .nav button{background:transparent;border:1px solid var(--border);color:var(--muted);font-weight:400}
body.mono .nav button:hover{color:var(--ink);border-color:var(--ink);background:transparent}
body.mono .nav button.on{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:400}

/* Cards and hero: hairlines and space */
body.mono .card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:none;padding:28px}
body.mono .hero{background:var(--paper);color:var(--ink);border:0;border-bottom:1px solid var(--border);border-radius:0;padding:36px 0 30px}
body.mono .hero h1{font-size:44px;font-weight:200;letter-spacing:-.035em;line-height:1.05}
body.mono .hero h1 em{color:var(--ink);font-style:italic;font-weight:200}
body.mono .hero p{color:var(--muted);font-size:16px;max-width:560px}
body.mono .pill{font-weight:400;letter-spacing:.14em;border-radius:999px}
body.mono .pill.y, body.mono .pill.m{background:transparent;color:var(--ink);border:1px solid var(--ink)}
@media (max-width:640px){body.mono .hero h1{font-size:34px}body.mono .card{padding:20px}}

/* Controls */
body.mono .btn{border-radius:999px;font-weight:400;letter-spacing:.01em;padding:10px 20px}
body.mono .btn-sm{padding:6px 14px}
body.mono .btn-y, body.mono .btn-i{background:var(--ink);color:var(--paper);font-weight:400}
body.mono .btn-y:hover, body.mono .btn-i:hover{background:var(--ink);opacity:.82}
body.mono .btn-s{background:transparent;color:var(--ink);border:1px solid var(--border)}
body.mono .btn-s:hover{border-color:var(--ink)}
body.mono .inp{border-radius:var(--radius);border-color:var(--border);font-weight:300}
body.mono .inp:focus{border-color:var(--ink);box-shadow:none}
body.mono .field>span{font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
body.mono .item{border-radius:var(--radius)}
body.mono .note{background:var(--surface-2);border:1px solid var(--border);border-left:2px solid var(--ink);border-radius:var(--radius)}
body.mono .toast{background:var(--ink);color:var(--paper);border-radius:999px;font-weight:400}
body.mono .eyebrow, body.mono .kicker{font-weight:400;letter-spacing:.16em;color:var(--muted)}