/* FSE Design Tokens — identyczne z msa-account-tool */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
  --bg:       #F4F6FB;
  --surface:  #FFFFFF;
  --teal:     #00BBFF;
  --indigo:   #4688F4;
  --amber:    #FBBC04;
  --text:     #1A2035;
  --muted:    #4A5568;
  --dim:      #9AA5B8;
  --border:   rgba(0,0,0,0.07);
  --shadow:   0 2px 10px rgba(0,0,0,0.06);
  --shadow-lg:0 4px 24px rgba(0,0,0,0.09);
  --green:    #22C55E;
  --red:      #EF4444;
  --orange:   #F97316;

  --radius-sm: 6px;
  --radius:    9px;
  --radius-lg: 12px;

  /* Notion-style type scale */
  --font: 'Inter', ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --text-xs:   11px;
  --text-sm:   12px;
  --text-base: 14px;
  --text-md:   15px;
  --text-lg:   17px;
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family: var(--font);
  background:var(--bg);
  color:var(--text);
  font-size: var(--text-base);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  letter-spacing: -0.01em;
}

/* Scrollbar */
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:#D1D9E6; border-radius:3px; }
::-webkit-scrollbar-thumb:hover { background:#B0BDD0; }