/* ============================================================
   BASE.CSS — Variables, reset, typographie
   GP-MFB · Gestionnaire du Patrimoine
   ============================================================ */

/* ── Fonts locales (déposer les .woff2 dans /public/fonts/) ── */
@font-face {
  font-family: 'Cormorant Garamond';
  src: url('/public/fonts/CormorantGaramond-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/public/fonts/DMSans-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('/public/fonts/DMSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ── Variables globales ── */
:root {
  /* Palette principale */
  --blue-dark:    #091B35;
  --blue-mid:     #0F2E54;
  --blue-act:     #1A4A80;
  --blue-light:   #E6EEF8;
  --gold:         #C4973A;
  --orange:       #C25A0A;

  /* Surfaces & fonds */
  --bg:           #F0F4FA;
  --white:        #FFFFFF;
  --surface:      #F7F9FC;

  /* Texte */
  --text:         #0D1F38;
  --muted:        #7A8FA3;
  --hint:         #ADBCCC;

  /* Bordures */
  --border:       #DDE4EE;
  --border-soft:  #EEF2F7;

  /* Statuts */
  --success:      #2E7D52;
  --success-bg:   #EAF5EF;
  --warn:         #B45309;
  --warn-bg:      #FEF3E2;
  --danger:       #B91C1C;
  --danger-bg:    #FEE2E2;
  --info:         #1A4A80;
  --info-bg:      #E6EEF8;

  /* Rayons */
  --radius-sm:    6px;
  --radius-md:    9px;
  --radius-lg:    12px;
  --radius-xl:    16px;

  /* Typographie */
  --font-sans:    'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --font-serif:   'Cormorant Garamond', 'Palatino Linotype', Georgia, serif;
  --font-mono:    'Courier New', Courier, monospace;
}

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

html { font-size: 16px; }

body {
  font-family: var(--font-sans);
  font-weight: 400;
  color: var(--text);
  background: var(--bg);
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

button { cursor: pointer; font-family: inherit; }
input, textarea, select { font-family: inherit; }

img { display: block; max-width: 100%; }

/* ── Typographie utilitaire ── */
.font-serif { font-family: var(--font-serif); }
.font-mono  { font-family: var(--font-mono); }

h1, h2, h3, h4 { font-weight: 500; color: var(--text); line-height: 1.3; }
h1 { font-family: var(--font-serif); font-size: 26px; font-weight: 600; }
h2 { font-family: var(--font-serif); font-size: 22px; font-weight: 600; }
h3 { font-size: 15px; }
h4 { font-size: 13px; }

/* ── Layout page après connexion ── */
body.app {
  display: flex;
}

/* ── Layout page auth (connexion) ── */
body.auth-body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background: #EEF2F7;
}