/* ============================================================
   Theme: dev-artifex (Artifex Machina)
   Direction : haute couture sobre - noir/ivoire + bordeaux.
   Distinct du theme HPP (or chaud / creme).

   style.css derive desormais tous les degrades/ombres/bordures
   "accent" depuis --color-accent-rgb / --black-rgb / --color-text-muted-rgb /
   --color-text-dim-rgb : il suffit de redefinir ces tokens ici, pas de
   surcharges selecteur par selecteur.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800;900&display=swap');

:root {
  /* Palette sombre (par defaut) */
  --black: #0a0a0a;
  --dark: #141414;
  --dark2: #1c1c1c;
  --color-text: #f5f5f3;

  --color-text-secondary: #c9c9c5;
  --color-text-muted: #9a9a96;
  --color-text-dim: #8a8a86;

  --color-accent: #a8323f;
  --color-accent-light: #d9707c;
  --color-accent-dark: #6e2430;

  /* Composantes RGB associees (pour rgba(var(--x-rgb), alpha)) */
  --color-accent-rgb:       168,50,63;
  --black-rgb:      10,10,10;
  --color-text-muted-rgb: 154,154,150;
  --color-text-dim-rgb:   138,138,134;

  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.22);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.42);

  /* Texte sur fond accent : noir trop sombre sur bordeaux, on prend l'ivoire */
  --color-on-accent: var(--color-text);

  /* Typographie */
  --font-serif:    'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-body:     'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font:          var(--font-body);
  --font-caption:  var(--font-body);
  --font-banniere: var(--font);
}

/* Degrade signature deux tons (bordeaux profond) sur le bloc player */
.player-block {
  background: linear-gradient(135deg, rgba(122,31,43,0.10), rgba(110,36,48,0.02));
}

/* Palette claire */
[data-theme="light"] {
  --black: #f7f6f3;
  --dark: #efeee9;
  --dark2: #e6e4dd;
  --color-text: #0a0a0a;

  --color-text-secondary: #3a3a38;
  --color-text-muted: #6a6a66;
  --color-text-dim: #7a7a76;

  --color-accent: #7a1f2b;
  --color-accent-light: #9a3540;
  --color-accent-dark: #5a1620;

  --color-accent-rgb:       122,31,43;
  --black-rgb:      247,246,243;
  --color-text-muted-rgb: 106,106,102;
  --color-text-dim-rgb:   122,122,118;

  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.25);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.45);

  /* --black est deja clair (ivoire) en mode clair : il convient comme texte sur accent */
  --color-on-accent: var(--black);
}

[data-theme="light"] .player-block {
  background: linear-gradient(135deg, rgba(122,31,43,0.07), rgba(122,31,43,0.02));
}