/* css/styles.css - Global styles for the Penistumore site */

/* Root colors */
:root{
  --primary: #2c7873;      /* dunkel-türkis */
  --accent: #4caf50;       /* akzent-grün */
  --muted: #6c757d;
  --bg: #fbfdfc;
  --card-bg: #ffffff;
  --text: #1f2933;
  --radius: 12px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: 'Open Sans', Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  margin:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Header */
.brand-title{font-size:1.05rem}
.navbar-brand img{border-radius:8px}

/* Hero */
.hero{
  background: linear-gradient(135deg, rgba(44,120,115,0.06), rgba(76,175,80,0.04));
  border-radius: var(--radius);
}

/* Cards and sections */
.card{border:0;border-radius:12px}
.card:hover{transform:translateY(-4px);transition:transform .22s ease}

/* Headings */
h1,h2,h3,h4{color:var(--primary)}
h1{font-family:'Montserrat',sans-serif}

/* Buttons */
.btn-primary{
  background:linear-gradient(180deg,var(--primary),#1f6b69);
  border:0;
  box-shadow:0 6px 18px rgba(44,120,115,0.08);
}
.btn-outline-primary{border-color:var(--primary);color:var(--primary)}

/* Footer */
footer{font-size:0.9rem;color:var(--muted)}

/* Accessibility focus */
a:focus, button:focus, input:focus, textarea:focus{
  outline:3px solid rgba(76,175,80,0.18);
  outline-offset:2px;
  border-radius:6px;
}

/* Responsive tweaks */
@media (max-width:768px){
  .hero{padding:1rem}
  .display-6{font-size:1.6rem}
}

/* Utility */
.small-muted{color:var(--muted)}
.text-primary{color:var(--primary) !important}