@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Bizzu brand colors */
  --color-bg:        #09090B;
  --color-bg-soft:   #15151A;
  --color-bg-card:   #1B1B22;
  --color-border:    #2A2A33;
  --color-fg:        #EDEDF0;
  --color-fg-soft:   #9EA0A8;
  --color-fg-mute:   #6A6C75;

  --color-indigo:      #6C5CE7;
  --color-indigo-soft: #4C44A8;
  --color-gold:        #F5A623;
  --color-gold-soft:   #B0791C;
  --color-red:         #E74C3C;
  --color-green:       #27AE60;

  /* Typography */
  --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Sizes / radii / shadows */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-md:     0 6px 30px rgba(0, 0, 0, 0.35);
  --shadow-drawer: -10px 0 40px rgba(0, 0, 0, 0.55);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: var(--color-bg); color: var(--color-fg); }
body {
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  overflow: hidden; /* layout owns scrolling */
}
button { background: none; border: none; color: inherit; font: inherit; cursor: pointer; }
a { color: var(--color-indigo); text-decoration: none; }
a:hover { color: var(--color-gold); }