/* ═══════════════════════════════════════
   GiaPha — Base CSS
   Font: Be Vietnam Pro
   Palette: #2d4a2d (green) / #F5F0E8 (cream)
═══════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; }

:root {
  --green-dark:   #2d4a2d;
  --green-mid:    #4a6e3a;
  --green-light:  #5a8c3a;
  --green-pale:   #E4F0D4;
  --amber-dark:   #8B5E1E;
  --amber-mid:    #C4943A;
  --amber-pale:   #F5ECD8;
  --cream:        #F5F0E8;
  --white:        #ffffff;
  --text-dark:    #1a2e10;
  --text-mid:     #4a5a3a;
  --text-light:   #8a9a7a;
  --border:       #dde8d0;
  --shadow-sm:    0 2px 8px rgba(0,0,0,.08);
  --shadow-md:    0 4px 16px rgba(0,0,0,.12);
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    16px;
  --radius-full:  9999px;
}

html, body {
  margin: 0; padding: 0;
  font-family: 'Be Vietnam Pro', sans-serif;
  font-size: 14px;
  color: var(--text-dark);
  background: var(--cream);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--green-light); text-decoration: none; }
a:hover { text-decoration: underline; }

/* ── Buttons ─────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; gap: 6px;
  border: none; border-radius: var(--radius-sm);
  padding: 8px 16px; font-family: inherit; font-size: 13px;
  font-weight: 600; cursor: pointer; transition: .15s;
  white-space: nowrap; text-decoration: none;
}
.btn-primary  { background: var(--green-dark); color: white; }
.btn-primary:hover  { background: var(--green-mid); color: white; text-decoration: none; }
.btn-secondary { background: #f0f0f0; color: #444; }
.btn-secondary:hover { background: #e0e0e0; color: #444; text-decoration: none; }
.btn-edit   { background: #EBF4FF; color: #2563EB; }
.btn-edit:hover { background: #DBEAFE; color: #2563EB; text-decoration: none; }
.btn-delete { background: #FEF2F2; color: #DC2626; }
.btn-delete:hover { background: #FEE2E2; color: #DC2626; text-decoration: none; }
.btn-sm { padding: 5px 10px; font-size: 12px; }

/* ── Alerts ─────────────────────────────── */
.alert {
  padding: 10px 16px; border-radius: var(--radius-sm);
  margin-bottom: 16px; font-size: 13px;
}
.alert-success { background: #DCFCE7; color: #166534; border: 1px solid #BBF7D0; }
.alert-error   { background: #FEF2F2; color: #991B1B; border: 1px solid #FECACA; }