/* Le Dressing d'Emma — tokens de marque partagés (site, panel, caisse, livreur)
   Direction : boutique de luxe abidjanaise — noir laqué, rose fuchsia, filets dorés.
   Motif signature : le cadre du miroir de dressing, filet doré (hero, catégories, la maison). */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600;1,700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #17121a;        /* texte : noir velours (jamais #000 pur sur fond clair) */
  --ink-soft: #46394a;   /* texte courant, pleine opacité */
  --dark: #0c0a0d;       /* fonds noirs : header, hero, footer, panels */
  --dark-2: #19141a;     /* surfaces posées sur le noir */
  --paper: #fffafc;      /* fond principal, blanc à peine rosé */
  --blush: #ffd6ea;      /* rose poudré */
  --blush-2: #fff0f7;    /* rose très pâle, sections alternées */
  --rose: #ff3ea5;       /* fuchsia lumineux (sur fond noir) */
  --rose-deep: #d1006f;  /* fuchsia soutenu : CTA sur fond clair (contraste 5,3:1) */
  --rose-darker: #a3005a;/* survol / accent fort */
  --gold: #d4af37;       /* or : sur fond noir uniquement */
  --gold-soft: #f1dc9c;  /* or champagne, reflets */
  --gold-deep: #94700f;  /* or lisible sur fond clair (contraste 5:1) */
  --gold-grad: linear-gradient(120deg, #b8892a 0%, #f6e3a1 45%, #d4af37 70%, #a87b1d 100%);
  --muted: #74607a;      /* labels discrets */
  --line: rgba(23, 18, 26, .12);
  --line-gold: rgba(212, 175, 55, .45);

  /* touches de couleur (tuiles catégories, fonds produits sans photo) */
  --bag-coral: #ffd6ea;  /* rose poudré */
  --bag-mint: #f7e7bd;   /* champagne */
  --bag-butter: #f1dc9c; /* or clair (texte sur fond noir) */
  --bag-sky: #fbe3ef;    /* rose nacré */
  --bag-lilac: #f3d3ec;  /* orchidée */

  --radius: 18px;
  --radius-sm: 12px;
  --arch: var(--radius); /* cadre du miroir : rectangle aux coins adoucis (plus d'arche arrondie en haut) */
  --shadow-soft: 0 22px 48px rgba(209, 0, 111, .16);
  --shadow-sm: 0 8px 22px rgba(23, 18, 26, .08);

  --display: 'Playfair Display', Georgia, serif;
  --text: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Logo typographique : « Le Dressing d' » en capitales espacées, « Emma » en italique doré */
.wordmark { font-family: var(--display); font-weight: 600; font-style: italic; letter-spacing: 0; line-height: .9; color: inherit; text-decoration: none; display: inline-flex; flex-direction: column; align-items: flex-start; gap: .12em; }
.wordmark small { order: -1; font-family: var(--text); font-style: normal; font-weight: 700; font-size: .26em; letter-spacing: .34em; text-transform: uppercase; color: currentColor; opacity: .9; background: none; padding: 0; border-radius: 0; }
.wordmark b { font-weight: 600; font-size: 1em; background: var(--gold-grad); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .08em; }
.wordmark .ap { color: var(--rose); -webkit-text-fill-color: var(--rose); }
/* Sur fond clair (cartes de connexion) : or plus profond pour garder le contraste */
.wordmark--on-light b, .login-card .wordmark b { background: linear-gradient(120deg, #7a5a0a 0%, #c79a2a 50%, #8a6a12 100%); -webkit-background-clip: text; background-clip: text; }
.wordmark--on-light .ap, .login-card .wordmark .ap { color: var(--rose-deep); -webkit-text-fill-color: var(--rose-deep); }

/* CRÉDIT NYNDRA — obligatoire (voir AGENTS.md). Ne pas masquer : les tests échouent s'il disparaît. */
.credit { margin: 0; font-size: .75rem; letter-spacing: .04em; line-height: 1.5; }
.credit a { color: inherit; text-decoration: none; }
.credit strong { font-weight: 700; letter-spacing: .16em; }
.credit a:hover strong, .credit a:focus-visible strong { text-decoration: underline; text-underline-offset: 3px; }