@font-face { font-family: 'Inter'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2'); }

/* Jetons du design system — mix de la charte Orabank 2018 (palettes principale et secondaire, p. 16)
   et de la palette coolors.co/bfd7ea-91aec1-508ca4-0a8754-004f2d. */
:root {
  /* Palette principale Orabank */
  --ora-primary: #00693E;        /* Pantone 349 C : titres, boutons principaux (AA sur blanc) */
  --ora-primary-deep: #004F2D;   /* vert profond (coolors) : survol, bandeaux sombres */
  --ora-accent: #2EB135;         /* Pantone 361 C : progression, coches, contours actifs (jamais en texte) */
  --ora-teal: #0A8754;           /* vert émeraude (coolors) : textes d'accent, liens secondaires */
  --ora-tint: #E6F3EC;           /* vert très clair : sélection, champs lus par OCR */
  /* Bleus (coolors) : information, aide, réassurance */
  --ora-blue: #508CA4;           /* bleu acier : informations, aide contextuelle */
  --ora-blue-soft: #BFD7EA;      /* bleu ciel : fonds d'aide, illustrations */
  --ora-steel: #91AEC1;          /* bleu gris : filets d'information */
  /* Palette secondaire Orabank */
  --ora-blue-grey: #617F90;      /* Pantone 8201 C */
  --ora-brown: #8E684C;          /* Pantone 875 C : touches chaleureuses */
  --ora-mauve: #8A697C;          /* Pantone 5205 C : détails décoratifs */
  --ora-grey: #AEB4AC;           /* Pantone 7537 C : filets forts */
  --ora-gold: #8E684C;
  --ora-beige: #F2F6F8;          /* fond de page : blanc bleuté (mix bleu ciel / gris 7537) */
  --ora-ink: #1A171B;            /* Process Black : texte */
  --field-bg: #F1F5F8;

  /* Neutres */
  --surface: #FFFFFF;
  --line: #DCE3E7;
  --line-strong: #AEB4AC;
  --text: var(--ora-ink);
  --text-2: #3F4A52;
  --text-3: #56707F;

  /* Statuts */
  --ok: #00693E;   --ok-bg: #E2F3E8;
  --warn: #8A5300; --warn-bg: #FFF2DA;
  --err: #B3261E;  --err-bg: #FCEBEA;
  --info: #2F6A84; --info-bg: #E6EFF5;

  /* Typo : Inter (moderne, très lisible sur mobile), repli Arial comme orabank.net */
  --font: 'Inter', Arial, Helvetica, sans-serif;
  --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 19px; --fs-xl: 24px; --fs-2xl: 30px;
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-pill: 30px;
  --shadow: 0 1px 2px rgba(0, 79, 45, .06), 0 4px 16px rgba(26, 60, 80, .06);
  --focus: 0 0 0 3px rgba(46, 177, 53, .45);
  --tap: 44px;
}