/* ============================================================
   LTD LITTLE SEOUL — ltd-da.css (29/10/2026, v3c)
   Direction artistique du site : nuit bleutée, Josefin Sans partout, UNE couleur d'accent qui
   change avec la saison (html[data-season], posé par layout.js) :
     - halloween (octobre, saison par défaut tant que JS n'a pas tourné) : orange citrouille,
       rouge du logo en second, dégradé braise ;
     - valentine (1er au 14 février) : rose pâle de la maquette LTD V2 ;
     - classic (le reste de l'année) : rouge du logo LTD.
   Réglage manuel : Administration → Personnalisation → Interface → « Saison du site » (siteSeason).
   Chargé juste après base.css sur TOUTES les pages (public, admin, partenaire) : il redéfinit les
   jetons de couleur et de police que base.css déclare. Les thèmes Personnalisation (carbon,
   midnight…) sont dépassés, sauf « light ».
   ============================================================ */
/* Josefin Sans et Anton : chargées sans bloquer l'affichage par le lien Google de chaque page (x39), plus d'@import en chaîne ici. */

:root,
html:not([data-theme="light"]),
html:not([data-theme="light"])[data-theme]{
  --ink-900:#0b0b10;
  --ink-850:#111117;
  --ink-800:#191926;
  --ink-700:#1e1e2d;
  --ink-600:#232337;
  --ink-500:#2e2e47;

  --txt:#ffffff;
  --txt-2:#c9c6dc;
  --txt-3:#8581a6;

  --line:rgba(255,255,255,.1);
  --line-2:rgba(255,255,255,.17);
  --glass:rgba(255,255,255,.05);

  /* ---- Saison par défaut : Halloween (orange citrouille + rouge du logo) ---- */
  --accent:#ff8a3d;
  --accent-2:#ffa35f;
  --accent-ink:#2a1204;
  --accent-rgb:255,138,61;
  --ember:#d1163a;
  --gold:#ffd27a;
  --gold-300:#ffe0a3;
  --gold-dim:rgba(255,210,122,.14);
  --gold-glow:rgba(255,210,122,.35);
  --violet:#5b2a86;
  --sunset:linear-gradient(180deg,#ffd27a 0%,#ff8a3d 48%,#d1163a 100%);
  --sunset-h:linear-gradient(90deg,#ffd27a 0%,#ff8a3d 48%,#d1163a 100%);
  /* Étalonnage des photos (.art) : chaud en haut, braise au milieu, nuit violacée en bas. Léger. */
  --art-a:rgba(255,160,80,.34);
  --art-b:rgba(209,22,58,.22);
  --art-c:rgba(40,10,50,.58);
  --art-x:rgba(255,140,60,.26);
  --art-y:rgba(209,22,58,.18);
  --art-z:rgba(60,12,70,.40);

  /* Alias : tout l'ancien code lit --ltd-red* et --pink ; ils valent l'accent de saison. */
  --pink:var(--accent);
  --peach:#ffcfa6;
  --sun:var(--gold);
  --ltd-red:var(--accent);
  --ltd-red-600:var(--accent);
  --ltd-red-300:var(--accent-2);
  --ltd-red-glow:rgba(var(--accent-rgb),.32);
  --red-dim:rgba(var(--accent-rgb),.14);
  --ltd-navy:#2a0f48;
  --ltd-navy-600:#1c0a31;
  --ltd-navy-300:#7b4bd6;
  --navy-dim:rgba(123,75,214,.22);
  --navy-glow:rgba(123,75,214,.4);

  --font-display:'Josefin Sans','Century Gothic',system-ui,sans-serif !important;
  --font-body:'Josefin Sans','Century Gothic',system-ui,sans-serif !important;
  --font-heavy:'Anton','Bebas Neue',Impact,sans-serif;

  --r-xs:8px; --r-sm:10px; --r:14px; --r-lg:18px; --r-xl:26px;
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset, 0 12px 30px -18px rgba(0,0,0,.8);
  --shadow-2:0 1px 0 rgba(255,255,255,.05) inset, 0 30px 60px -30px rgba(0,0,0,.85);
}
html[data-season="halloween"]:not([data-theme="light"]){
  --ink-850:#12101a; --ink-800:#1a1726; --ink-700:#201c2e; --ink-600:#262138; --ink-500:#322b48;
}
html[data-season="valentine"]:not([data-theme="light"]){
  --accent:#ffb2c6; --accent-2:#ffc3d3; --accent-ink:#2b1030; --accent-rgb:255,178,198; --ember:#f796b1;
  --sunset:linear-gradient(180deg,#ffd9a8 0%,#ffa4bd 48%,#8a5cf6 100%);
  --sunset-h:linear-gradient(90deg,#ffd9a8 0%,#ffa4bd 48%,#8a5cf6 100%);
  --art-a:rgba(255,190,150,.42); --art-b:rgba(255,120,170,.3); --art-c:rgba(110,50,210,.55);
  --art-x:rgba(255,170,140,.3); --art-y:rgba(255,90,160,.22); --art-z:rgba(100,40,200,.42);
}
html[data-season="classic"]:not([data-theme="light"]){
  --accent:#e0213f; --accent-2:#ff5a67; --accent-ink:#ffffff; --accent-rgb:224,33,63; --ember:#c8102e;
  --sunset:linear-gradient(180deg,#ff8492 0%,#e0213f 55%,#7a35d8 100%);
  --sunset-h:linear-gradient(90deg,#ff8492 0%,#e0213f 55%,#7a35d8 100%);
  --art-a:rgba(255,110,125,.22); --art-b:rgba(224,33,63,.2); --art-c:rgba(20,16,60,.6);
  --art-x:rgba(255,100,120,.18); --art-y:rgba(224,33,63,.16); --art-z:rgba(30,20,90,.42);
}
/* Octobre Rose (classe posée par l'accueil) ne doit plus repeindre l'accent : la saison commande. */
html body.orose-page{--ltd-red:var(--accent);--ltd-red-600:var(--accent);--ltd-red-300:var(--accent-2);--ltd-red-glow:rgba(var(--accent-rgb),.32);--red-dim:rgba(var(--accent-rgb),.14)}

html:not([data-theme="light"]),html:not([data-theme="light"]) body{background:var(--ink-850)}
body.public{--font-mono:'Josefin Sans','Century Gothic',system-ui,sans-serif}
body{-webkit-font-smoothing:antialiased;letter-spacing:.005em}
h1,h2,h3,h4,h5{letter-spacing:0}
body.public h1,body.public h2{text-transform:uppercase;letter-spacing:.04em;font-weight:700}
body.public .section-title{letter-spacing:.04em;line-height:1.04}
/* Plus aucun surtitre au-dessus des titres sur le site public (Morgan, 29/10 : « retire les trucs au-dessus »). */
body.public .eyebrow,body.public .pv2-eyebrow,body.public .cat-menus-k,body.public .pkx-kicker{display:none!important}

/* Boutons : pilule de la couleur de saison (texte sombre ou blanc selon --accent-ink), pilule fantôme pour le secondaire. */
.btn{border-radius:999px;font-weight:600;letter-spacing:.02em}
.btn--primary{--btn-bg:var(--accent);--btn-fg:var(--accent-ink);--btn-bd:transparent;background:var(--accent);color:var(--accent-ink);box-shadow:none}
.btn--primary::after{display:none}
.btn--primary:hover{background:var(--accent-2);box-shadow:0 12px 36px rgba(var(--accent-rgb),.35);transform:translateY(-2px)}
.btn--ghost{--btn-bg:transparent;--btn-bd:rgba(255,255,255,.3)}
.btn--ghost:hover{background:transparent;border-color:var(--accent);color:var(--accent)}
.btn--gold-fill{--btn-fg:#241a06}
.btn--sm{border-radius:999px}
a{color:inherit}

/* Pilules de la maquette (boutons sans la classe .btn) */
.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-weight:600;font-size:16px;letter-spacing:.02em;padding:15px 34px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;transition:transform .25s,box-shadow .25s,color .25s,background .25s}
.pbtn:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(var(--accent-rgb),.4);background:var(--accent-2)}
.pbtn.ghost{background:transparent;color:var(--txt);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.pbtn.ghost:hover{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent);background:transparent}
.pbtn svg{flex:none}
.pbtn.sm{padding:10px 20px;font-size:14px}

/* Visuels « key art » : étalonnage de saison + grain. --img DOIT être une URL absolue. */
.art{position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,var(--art-a) 0%,var(--art-b) 52%,var(--art-c) 100%),var(--img) var(--pos,center)/cover;
  background-blend-mode:soft-light,normal}
.art::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--img) var(--pos,center)/cover;filter:saturate(1.2) contrast(1.06) brightness(.94)}
.art::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--art-x),var(--art-y) 55%,var(--art-z));mix-blend-mode:color}
.art>*{position:relative;z-index:1}
.grain::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;z-index:2;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.art.grain::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--art-x),var(--art-y) 55%,var(--art-z)),var(--img) var(--pos,center)/cover;background-blend-mode:color,normal;filter:saturate(1.2) contrast(1.06) brightness(.94)}
/* Variante sans étalonnage (photo naturelle, juste un voile sombre en bas) */
.art.plain,.art.plain.grain::before{background:var(--img) var(--pos,center)/cover;filter:none}
.art.plain::after{background:linear-gradient(180deg,rgba(17,17,23,0) 40%,rgba(17,17,23,.7));mix-blend-mode:normal}

/* Texte en dégradé de saison (prix, grands chiffres) */
.sunset-text{background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Champs de formulaire : fond nuit, filet fin, focus accent */
body.public .input,body.public input.input,body.public select.input,body.public textarea.input,body.public .textarea,body.public .select{background:var(--ink-900);border-color:var(--line);border-radius:12px}
body.public .input:focus,body.public .textarea:focus,body.public .select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18)}

/* Composants partagés par toutes les pages (publiques et administration) */
.chip.is-active{background:var(--accent);color:var(--accent-ink);border-color:transparent}
.badge--red{background:rgba(var(--accent-rgb),.14);color:var(--accent-2);border-color:rgba(var(--accent-rgb),.35)}
.progress > span{background:var(--sunset-h)}
.toast .t-bar i{background:var(--accent)}
.toast .ico{background:rgba(var(--accent-rgb),.14);color:var(--accent-2)}
.icon-btn .n,.mn-grid--app .pill{background:var(--accent);color:var(--accent-ink)}
.avatar{background:var(--sunset);color:#fff;box-shadow:none}
.form-section-title{color:var(--accent-2)}
.modal{border-radius:18px;background:var(--ink-800);border:0;box-shadow:0 40px 100px rgba(0,0,0,.6),inset 0 0 0 1px var(--line)}
.modal-head h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:20px}
.modal-foot{border-top:1px solid var(--line)}
.card{background:var(--ink-800);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:16px}
.card-head h3{font-weight:700;letter-spacing:.04em}
.empty > .ico{background:var(--ink-700);border:0;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}
.switch input:checked + .track{background:var(--accent)}

/* Sélection */
::selection{background:rgba(var(--accent-rgb),.35);color:#fff}
@media (prefers-reduced-motion:reduce){.pbtn,.btn{transition:none}}