/* ============================================================
 * Cockpit La Vesée — feuille de style de marque (DA)
 * ------------------------------------------------------------
 * Déposée depuis cockpit/cockpit-tokens.css (DA simplifiée
 * maison-app-gestion-da-simplifiee-2026-06-10.md).
 * Fichier servi en externe (pas d'inline) — sert la trajectoire CSP.
 *
 * Police : Inter unique dans l'UI ; Cormorant Garamond réservée au
 * SEUL wordmark « Cockpit La Vesée ».
 *
 * NOTE POLICES (auto-hébergement à venir) : tant que les .woff2 ne
 * sont pas déposés, les piles de polices ci-dessous retombent sur
 * system-ui (UI) et Georgia (wordmark). Pas de Google Fonts CDN.
 * Quand les fichiers seront fournis, ajouter les @font-face ici :
 *   @font-face { font-family:'Inter Variable'; src:url('fonts/InterVariable.woff2') format('woff2'); font-weight:100 900; font-display:swap; }
 *   @font-face { font-family:'Cormorant Garamond'; src:url('fonts/CormorantGaramond.woff2') format('woff2'); font-weight:300 700; font-display:swap; }
 * ============================================================ */

:root {
  /* — Marque & surfaces — */
  --c-primary:        #5C6B3A;  /* olive Maison — action principale */
  --c-primary-press:  #3D4826;  /* pressé / survol */
  --c-primary-tint:   #7A8F52;  /* bordure active, badge léger, olive sur fond sombre */
  --c-gold:           #C9A96E;  /* or signature — accent / focus, JAMAIS en texte sur clair */
  --c-gold-text:      #766140;  /* « or » lisible en texte sur fond clair (AA) */

  --c-bg:             #FAF8F3;  /* fond app — ivoire chaud */
  --c-surface-2:      #F0EDE4;  /* surface secondaire / lignes alternées / champ désactivé */
  --c-surface:        #FFFFFF;  /* carte, modale, champ de saisie */
  --c-text:           #1C1A16;  /* texte primaire (16.4:1 sur ivoire) */
  --c-text-2:         #6B6459;  /* texte secondaire, labels, placeholders */
  --c-border:         rgba(28, 26, 22, 0.12);  /* filets, contours de champ au repos */

  /* — Couleurs sémantiques (strong = texte/icône AA ; bg = fond doux) — */
  --c-success:    #4F6B2E;  --c-success-bg: #EDF2E2;  /* enregistré, payé, disponible */
  --c-error:      #B23A2E;  --c-error-bg:   #F8E7E4;  /* échec, invalide, suppression */
  --c-warn:       #8A6312;  --c-warn-bg:    #F6EDD9;  /* à vérifier, en attente, échéance */
  --c-info:       #3F5A66;  --c-info-bg:    #E6EDF0;  /* note, aide, neutre */

  /* — Typographie — */
  --font:          'Inter Variable', 'Inter', system-ui, -apple-system, sans-serif;
  --font-wordmark: 'Cormorant Garamond', Georgia, serif;   /* wordmark UNIQUEMENT */

  --fs-title:   1.375rem;   /* 22px — titre d'écran */
  --fs-sub:     1.125rem;   /* 18px — sous-section */
  --fs-body:    1rem;       /* 16px — corps ET champs (anti-zoom iOS) */
  --fs-meta:    0.875rem;   /* 14px — secondaire */
  --fs-label:   0.8125rem;  /* 13px — label de champ */
  --fs-caption: 0.75rem;    /* 12px — aide (plancher absolu) */
  --lh-body:    1.5;

  /* — Espacement (base 4px) — */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px;

  /* — Rayons & cibles tactiles — */
  --radius-field: 8px;
  --radius-card:  12px;
  --radius-pill:  999px;
  --tap-min:      44px;   /* cible tactile minimale */
  --tap-comfort:  48px;   /* cible confort */
  --field-h:      48px;   /* hauteur de champ de saisie */

  /* — Élévation & transitions — */
  --shadow-card:  0 1px 2px rgba(28, 26, 22, 0.06);
  --shadow-modal: 0 8px 24px rgba(28, 26, 22, 0.12);
  --t-fast: 120ms ease;
  --t-base: 200ms ease;
}

/* ------------------------------------------------------------
 * Wordmark « Cockpit La Vesée » — logo typographique.
 * ------------------------------------------------------------ */
.cockpit-wm {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  line-height: 1.08;
  --wm-size: 2.25rem;          /* taille de référence — surchargeable inline */
}
.cockpit-wm__name {
  font-family: var(--font-wordmark);
  font-weight: 500;
  font-size: var(--wm-size);
  letter-spacing: 0.005em;
  color: var(--c-primary);     /* olive sur fond clair */
  line-height: 1.06;
}
.cockpit-wm__lv {
  font-family: var(--font-wordmark);
  font-weight: 500;
  font-size: var(--wm-size);
  letter-spacing: 0.005em;
  color: var(--c-gold);        /* or signature, invariant */
}
.cockpit-wm--on-dark .cockpit-wm__name { color: var(--c-primary-tint); }

/* Variante « barre d'app » — lockup en ligne, voix Inter. */
.cockpit-lockup {
  display: inline-flex;
  align-items: baseline;
  gap: 0.4em;
}
.cockpit-lockup__name {
  font-family: var(--font);
  font-weight: 600;
  font-size: 1.25rem;
  letter-spacing: 0.02em;
  color: var(--c-primary);
}
.cockpit-lockup__lv {
  font-family: var(--font-wordmark);
  font-weight: 500;
  font-size: 1.05rem;
  letter-spacing: 0.01em;
  color: var(--c-gold);
}