/*
 * Startup Poland — InvestorMatcher theme overrides
 * Maps SP brand tokens onto the app's CSS custom properties.
 * Reference tokens: sp-subpages.css
 *
 * Set in .env:
 *   CUSTOM_CSS_FILE=/home/michuk/claude/startuppoland/design/sp-app-theme.css
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --primary:       #370c82;
  --primary-hover: #220554;
  --bg:            #f7f5fa;
  --surface:       #ffffff;
  --border:        #e2ddf0;
  --text:          #1c004c;
  --muted:         #7b6f8a;
  --success:       #057a55;
  --danger:        #e02424;
  --warning:       #c27803;
  --radius:        8px;
  --shadow:        0 1px 4px rgba(55,12,130,.10);
}

body {
  font-family: 'Montserrat', system-ui, sans-serif;
}

/* Header — SP purple */
header {
  background: #370c82;
  border-bottom-color: #220554;
}

header h1,
header h1 .by {
  color: #fff;
}

.nav-btn {
  color: rgba(255,255,255,0.75);
}

.nav-btn:hover,
.nav-btn.active {
  background: rgba(255,255,255,0.15);
  color: #fff;
}

/* Header dropdowns / selects */
header select {
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.25);
  color: #fff;
}

#header-username {
  color: rgba(255,255,255,0.65);
}

/* Logout button in header */
header .btn {
  border-color: rgba(255,255,255,0.3);
  background: transparent;
  color: #fff;
}

header .btn:hover {
  background: rgba(255,255,255,0.15);
}

/* Primary buttons */
.btn-primary {
  background: #370c82;
  border-color: #370c82;
  color: #fff;
}

.btn-primary:hover {
  background: #220554;
  border-color: #220554;
}

/* Score pills — tint with brand purple */
.score-high { background: #ede9fb; color: #370c82; }
.score-mid  { background: #f3f0fc; color: #7b6f8a; }