/* GROUPFINDER v1.6 design system layer.
   New UI should use these tokens/components instead of adding page-specific micro-overrides. */
:root{
  --gf-bg:#070b18;--gf-surface:#0c1230;--gf-surface-2:#11183a;--gf-line:rgba(176,190,244,.14);
  --gf-text:#f1f4ff;--gf-muted:#93a0c2;--gf-lime:#d9ff85;--gf-purple:#a996ff;--gf-danger:#ff91aa;
  --gf-r-sm:10px;--gf-r-md:14px;--gf-r-lg:20px;--gf-space-1:6px;--gf-space-2:10px;--gf-space-3:14px;--gf-space-4:20px;--gf-space-5:28px;
  --gf-body:14px;--gf-secondary:13px;--gf-meta:12px;
}
body{font-family:"Barlow",ui-sans-serif,system-ui,sans-serif;color:var(--gf-text)}
h1,h2,h3,.section-kicker,.page-heading-row h1,.settings-heading h1{font-family:"Barlow Condensed",sans-serif}
.section-kicker{font-size:var(--gf-meta);letter-spacing:.12em}
.btn{font-family:"Barlow",sans-serif}
.form-field>label,.form-field>legend,.settings-card label{font-size:var(--gf-secondary)}
.form-field small,.settings-card small,.muted-small{font-size:var(--gf-meta);line-height:1.45}
.panel-card,.settings-card{border-color:var(--gf-line)}
.gf-list-row{display:flex;align-items:center;gap:var(--gf-space-3);padding:var(--gf-space-2) 0;border-bottom:1px solid var(--gf-line)}
.gf-list-row:last-child{border-bottom:0}
.gf-chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid var(--gf-line);border-radius:999px;color:var(--gf-muted);font-size:var(--gf-meta)}
.gf-section{padding:var(--gf-space-5) 0;border-top:1px solid var(--gf-line)}