/* ===========================================================================
   Le back-office aux couleurs de la boutique.

   Injecte dans les pages /app par nginx (voir le gabarit Hestia). Le tableau
   de bord Medusa consomme les memes variables que la vitrine : les redefinir
   suffit, aucun bundle n'est touche et rien ne casse a la montee de version.

   C'est un OUTIL DE TRAVAIL, pas une vitrine : on garde un fond clair, un
   contraste franc, et on laisse intactes les couleurs de statut (rouge,
   ambre, vert) qui portent de l'information.
   =========================================================================== */

:root,
.light,
[data-theme="light"] {
  --encre: oklch(0.31 0.055 252);
  --encre-profond: oklch(0.22 0.045 252);
  --encre-clair: oklch(0.42 0.06 252);

  /* Fonds : un blanc tres legerement teinte vers l'encre, jamais gris sale. */
  --bg-base: oklch(0.995 0.002 252);
  --bg-base-hover: oklch(0.972 0.005 252);
  --bg-base-pressed: oklch(0.945 0.007 252);
  --bg-subtle: oklch(0.975 0.004 252);
  --bg-subtle-hover: oklch(0.952 0.006 252);
  --bg-component: oklch(0.978 0.004 252);
  --bg-component-hover: oklch(0.955 0.006 252);
  --bg-field: oklch(0.995 0.002 252);
  --bg-field-hover: oklch(0.975 0.004 252);
  --bg-highlight: color-mix(in oklch, var(--encre) 7%, white);

  /* Textes : contraste tenu, y compris sur les libelles secondaires. */
  --fg-base: oklch(0.24 0.025 252);
  --fg-subtle: oklch(0.45 0.021 252);
  --fg-muted: oklch(0.52 0.018 252);
  --fg-interactive: var(--encre);
  --fg-interactive-hover: var(--encre-profond);

  --border-base: oklch(0.9 0.008 252);
  --border-strong: oklch(0.8 0.012 252);
  --border-interactive: var(--encre);

  /* Boutons pleins et barre laterale active. */
  --contrast-bg-base: var(--encre);
  --contrast-bg-base-hover: var(--encre-clair);
  --contrast-bg-base-pressed: var(--encre-profond);
  --contrast-fg-primary: oklch(0.99 0 0);
  --contrast-fg-secondary: oklch(0.99 0 0 / 0.72);
  --contrast-border-base: var(--encre-clair);

  --bg-interactive: var(--encre);
}

/* La barre laterale se detache du plan de travail. */
[data-testid="sidebar"],
aside {
  background: oklch(0.968 0.005 252);
}

/* Un focus visible, au fil rouge de la marque. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid oklch(0.53 0.155 27);
  outline-offset: 2px;
}

/* ===========================================================================
   Ce que le client ne doit pas voir.

   Le back-office est livre avec les outils de son editeur : liens vers la
   documentation Medusa, cles d API, executions de workflows. Un commercant
   n en a aucun usage, et ils trahissent le moteur. On les retire ici plutot
   que dans le bundle : rien a refaire a la montee de version.
   =========================================================================== */

/* Renvois vers l editeur du moteur. */
a[href*="medusajs.com"],
a[href*="github.com/medusajs"],
a[href*="docs.medusajs"] {
  display: none !important;
}

/* Outils de developpement : cles d API, workflows, commandes brouillon. */
a[href*="/settings/publishable-api-keys"],
a[href*="/settings/secret-api-keys"],
a[href*="/settings/workflows"],
a[href*="/draft-orders"] {
  display: none !important;
}

/* Le groupe entier « Developer » du menu Parametres, titre compris. */
div:has(> a[href*="/settings/workflows"]) {
  display: none !important;
}

/* Sur l ecran de connexion, le logo du moteur laisse la place au titre,
   qui porte deja le nom de la boutique. */
svg[class~="rounded-[10px]"] {
  display: none !important;
}