/* === capsens birthdays — theme === */

:root {
  /* Capsens Design System */
  --primary: #B1FA33;
  --primary-hover: #8be002;
  --primary-light: #efffc6;
  --primary-dark: #518803;
  --primary-text: #385a0d;       /* pour texte sur fond clair — ratio 5.5:1 sur blanc */
  --secondary: #023836;
  --secondary-light: #0bc1aa;
  --secondary-hover: #0a7b71;
  --secondary-text: #023836;     /* pour texte sur fond clair — ratio 10:1 sur blanc */
  --accent: #069b8c;
  --accent-text: #0d625b;        /* ratio 5.2:1 sur blanc */
  --success: #0bc1aa;
  --success-light: #cafdf1;
  --success-text: #023836;       /* ratio 10:1 sur success-light */
  --warning: #ca7515;
  --warning-light: #faf1cb;
  --warning-text: #713716;       /* ratio 6.5:1 sur warning-light */
  --danger: #cf3333;
  --danger-light: #fce4e4;
  --danger-text: #782424;        /* ratio 7.8:1 sur danger-light */
  --grey-950: #1d1e1b;
  --grey-800: #383a35;
  --grey-600: #53554c;
  --grey-400: #84867b;
  --grey-200: #c9cac5;
  --grey-100: #e5e5e2;
  --grey-50: #f7f7f6;
  --bg: #f7f7f6;
  --bg-sidebar: #023836;
  --card: #FFF;
  --border: #e5e5e2;
  --border-light: #f7f7f6;
  --text: #1d1e1b;
  --text-secondary: #45463f;     /* grey-700, ratio 8:1 sur blanc */
  --text-muted: #686b61;         /* grey-500, ratio 4.6:1 sur blanc */
  --text-sidebar: #cafdf1;       /* secondary-100, ratio 12:1 sur sidebar bg */
  --text-sidebar-active: #FFF;
  --radius: 12px;
  --radius-sm: 8px;
  --radius-xs: 6px;
  --shadow: 0 1px 3px rgb(0 0 0 / 4%), 0 4px 12px rgb(0 0 0 / 3%);
  --shadow-hover: 0 4px 20px rgb(0 0 0 / 8%);
  --sidebar-width: 240px;
  --font: "Inter", -apple-system, blinkmacsystemfont, sans-serif;
}

/* Reset & Base */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--secondary-text); text-decoration: none; }
a:hover { color: var(--accent-text); text-decoration: underline; }