/* FutFriend tokens — generated from the FutFriend design system (tokens.json). */
:root{
  --bg:#0b0c0f;
  --rest-center:#252830;
  --rest-mid:#1b1e24;
  --rest-edge:#131519;
  --shade-top:rgba(6,8,12,.5);
  --shade-bottom:rgba(6,8,12,.74);
  --stage:#121316;
  --hdr-bg:rgba(10,11,14,.6);
  --scrim:rgba(4,5,7,.55);
  --glass:rgba(255,255,255,.075);
  --glass-hi:rgba(255,255,255,.16);
  --glass-line:rgba(255,255,255,.1);
  --well:rgba(0,0,0,.24);
  --plate:rgba(10,11,14,.74);
  --dialog:#17191d;
  --tooltip:#23262b;
  --chrome-tabbar:rgba(22,24,28,.55);
  --chrome-sheet:rgba(30,32,37,.9);
  --chrome-banner:rgba(28,30,35,.78);
  --surface:rgba(255,255,255,.055);
  --surface-2:rgba(255,255,255,.085);
  --surface-3:rgba(255,255,255,.13);
  --bg-2:rgba(0,0,0,.3);
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.13);
  --line-3:rgba(255,255,255,.22);
  --ink:#f3f4f6;
  --ink-2:rgba(255,255,255,.74);
  --muted:rgba(255,255,255,.5);
  --faint:rgba(255,255,255,.42);
  --ink2:rgba(255,255,255,.76);
  --mut:rgba(255,255,255,.62);
  --lime:#ffffff;
  --lime-2:#ffffff;
  --lime-ink:#0b0c0f;
  --dark-ink:var(--lime-ink);
  --lime-soft:rgba(255,255,255,.1);
  --lime-line:rgba(255,255,255,.32);
  --lime-classic:#c4f653;
  --go:#34d27b;
  --go-soft:rgba(52,210,123,.16);
  --go-line:rgba(52,210,123,.45);
  --amber:#f2b85b;
  --amber-soft:rgba(242,184,91,.10);
  --amber-line:rgba(242,184,91,.30);
  --coral:#ff8e7a;
  --coral-soft:rgba(255,142,122,.10);
  --coral-line:rgba(255,142,122,.32);
  --coral-ink:#1a0c09;
  --coral-text:#ffb3a6;
  --rec:#ff5a4f;
  --rec-soft:rgba(255,80,70,.16);
  --gold-1:#fdeaa8;
  --gold-2:#e6c067;
  --gold-3:#c79a41;
  --gold-4:#9c7127;
  --gold-light:#f3d98a;
  --card-ink:#3a2a0c;
  --silver-1:#eef0f3;
  --silver-2:#9aa1ab;
  --silver-ink:#22262c;
  --mark-ink:#15161b;
  --space-2:2px;
  --space-3:3px;
  --space-6:6px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-14:14px;
  --space-16:16px;
  --space-24:24px;
  --r-s:8px;
  --r-field:9px;
  --r-seg:11px;
  --r-m:12px;
  --r-card:14px;
  --r-l:16px;
  --r-tabbar:32px;
  --r-sheet:44px;
  --r-screen:56px;
  --r-pill:999px;
  --shadow-glass:inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.06), 0 16px 40px -18px rgba(0,0,0,.7);
  --shadow-ring:inset 0 0 0 1px rgba(255,255,255,.1);
  --shadow-selected:inset 0 0 0 1px rgba(255,255,255,.22), 0 14px 30px -16px rgba(0,0,0,.75);
  --shadow-thumb:inset 0 1px 0 rgba(255,255,255,.1), 0 4px 12px -6px rgba(0,0,0,.5);
  --shadow-picture:0 0 0 1px rgba(255,255,255,.08), 0 30px 60px -24px rgba(0,0,0,.85);
  --shadow-pill:0 8px 20px -10px rgba(0,0,0,.7);
  --shadow-tabbar:inset 0 0 0 1px rgba(255,255,255,.12), inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px -16px rgba(0,0,0,.8);
  --shadow-sheet:inset 0 0 0 1px rgba(255,255,255,.12), 0 -10px 40px rgba(0,0,0,.5);
  --shadow-toast:0 16px 40px -14px rgba(0,0,0,.7);
  --shadow-dialog:0 40px 120px -20px rgba(0,0,0,.85), inset 0 1px 0 rgba(255,255,255,.03);
  --focus-ring:inset 0 0 0 1px rgba(255,255,255,.1), 0 0 0 2px #ffffff;
  --head:60px;
  --col-left:220px;
  --col-right:340px;
  --pill-h:38px;
  --icon-btn:36px;
  --btn-h:44px;
  --btn-big:50px;
  --tabbar-h:64px;
  --top:59px;
  --bot:34px;
  --screen-w:393px;
  --screen-h:852px;
  --blur-frame:18px;
  --blur-glass:20px;
  --blur-tabbar:24px;
  --blur-sheet:30px;
  --font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
  --font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;
  --font-brand:"Baloo 2", "Arial Rounded MT Bold", sans-serif;
}