/* Shared PollyAI styles */

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

:root {
  --primary: #335177;
  --secondary: #406595;
  --accent: #F67280;
  --success: #2DCA8C;
  --warning: #FFB020;
  --text-dark: #1a1f2e;
  --text-light: #6b7280;
  --bg-light: #f8fafc;
  --white: #ffffff;
  --gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  /* Extras used across pages */
  --glass: rgba(255, 255, 255, 0.1);
  --glass-border: rgba(255, 255, 255, 0.2);
  --venn-1: #1a1f2e;
  --venn-2: #4e6f98;
  --venn-3: #E6A357;
  --venn-3-alt: #2AA1A5;
  --venn-stroke: #2b3f57;
}

html, body { height: 100%; }
html { scroll-behavior: smooth; }
body {
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--text-dark);
  line-height: 1.6;
  background: var(--white);
  overflow-x: hidden;
}

/* Buttons */
/* Ensure standalone class usage (e.g., <a class="btn-primary">) gets base button styles */
.btn,
.btn-primary,
.btn-secondary,
.btn-gradient {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 999px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}

.btn:hover,
.btn-primary:hover,
.btn-secondary:hover,
.btn-gradient:hover { transform: translateY(-1px); }

.btn:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-gradient:focus { outline: none; }
.btn-primary { background: var(--gradient); color: #fff; border-color: transparent; box-shadow: 0 8px 20px rgba(51,81,119,.2); }
.btn-secondary { background: #fff; color: var(--primary); border: 1px solid rgba(0,0,0,0.08); }
.btn-gradient { background: var(--gradient); color: #fff; border-color: transparent; }

/* Badges */
.badge { display: inline-block; background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.85rem; font-weight: 600; }

/* Brand wordmark gradient */
.brand-name { font-weight: 800; background: linear-gradient(135deg, var(--primary), var(--secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Utilities */
.text-dark { color: var(--text-dark); }
.btn-fit { width: max-content; }
.hidden { display: none; }
.mt-3 { margin-top: 12px; }

/* Print helpers */
@media print {
  .btn, .actions { display: none !important; }
}