/* ==========================================================================
   DIRECTION A — Solaire chaleureux
   Fonds crème et sable, encre chaude, accent magenta de marque.
   ========================================================================== */

:root {
  --bg:         #FFF7F0;
  --bg-alt:     #F7EADD;
  --bg-deep:    #191110;
  --bg-card:    #FFFFFF;

  --ink:        #191110;
  --ink-soft:   rgba(25, 17, 16, 0.68);
  --ink-faint:  rgba(25, 17, 16, 0.42);
  --line:       rgba(25, 17, 16, 0.12);
  --line-soft:  rgba(25, 17, 16, 0.07);

  /* sur fond sombre (sections inversées) */
  --ink-on-deep:      #FFF7F0;
  --ink-on-deep-soft: rgba(255, 247, 240, 0.66);
  --line-on-deep:     rgba(255, 247, 240, 0.16);

  --picto-o:    #191110;

  /* halos et lueurs */
  --halo-1:     rgba(255, 194, 74, 0.55);
  --halo-2:     rgba(255, 122, 41, 0.32);
  --halo-3:     rgba(255, 17, 100, 0.20);
  --canvas-blend: multiply;
  --canvas-alpha: 0.40;

  --shadow-card:  0 2px 4px rgba(94, 44, 20, .05), 0 12px 32px rgba(94, 44, 20, .08);
  --shadow-lift:  0 8px 16px rgba(94, 44, 20, .09), 0 28px 60px rgba(196, 0, 74, .16);

  --tile:       #FFFFFF;
  --btn-ink:    #FFF7F0;
  --card-hover-bg: #FFFFFF;
  --scheme:     light;
}

::selection { background: var(--brand); color: #FFF7F0; }