/* ========================================================================== THÈME D'ÉVÈNEMENT — LUGHVANA Lughnasadh / Lammas · Moisson première Lũghavae, Jour 1 (~2 août) · fenêtre 07-30 → 08-05 (voir /includes/event_themes.php) Canon (Calendrier Valshaari) : couleur brun et or, pierre pierre de soleil. Fichier autonome : tokens + habillage global + surcharges de toutes les pages internes. Activé par . À charger APRÈS style.css, header.css, magictalk.css, sangsato.css, atelier.css et shop.css (donc en dernier des feuilles de page). ========================================================================== */ html[data-theme="lughvana"]{ --ac-bg:#231809;--ac-bg2:#33240e;--ac-card:#3d2c13;--ac-text:#f2e2bd;--ac-muted:#bda274; --ac-border:#5e451c;--ac-line:#7a5c26; --ac-accent1:#d0a03a;--ac-accent2:#a9702c; --ac-success:#7ea23c;--ac-warning:#e0b455;--ac-danger:#c4522e; --ac-font-h1:'Fondamento',cursive;--ac-font-h2:'Cinzel Decorative',serif;--ac-font-h3:'Grenze Gotisch',cursive;--ac-font-body:'Merriweather',serif; --ac-shadow-sm:0 2px 14px rgba(208,160,58,.2);--ac-shadow:0 12px 32px rgba(208,160,58,.26); --ac-on-accent:#231809; } html[data-theme="lughvana"] .ac-card{border-radius:12px} html[data-theme="lughvana"] .ac-header{border-bottom:2px solid;border-image:linear-gradient(90deg,var(--ac-accent2),var(--ac-accent1) 55%,var(--ac-accent2)) 1} html[data-theme="lughvana"] .ac-btn--primary{background:linear-gradient(135deg,#e0b455,#d0a03a 55%,#8a5a1e);border-color:var(--ac-accent1);color:#2a1d08;box-shadow:0 3px 14px rgba(208,160,58,.35)} html[data-theme="lughvana"] .ac-btn--primary:hover{background:linear-gradient(135deg,#a9702c,#d0a03a 60%,#e8cf8a);color:#2a1d08;box-shadow:0 6px 22px rgba(224,180,85,.4);transform:translateY(-1px)} html[data-theme="lughvana"] .ac-btn--ghost:hover,html[data-theme="lughvana"] .ac-nav__link:hover{background:rgba(208,160,58,.13)} html[data-theme="lughvana"] .hero-title{background:linear-gradient(100deg,#a9702c,#e0b455,#fff1c4,#a9702c);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lughvana-shimmer 8s linear infinite} @keyframes lughvana-shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}} /* Champ mûr au couchant : bande dorée basse + soleil déclinant */ html[data-theme="lughvana"] .hero-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(208,160,58,.28),transparent 42%),radial-gradient(circle at 78% 22%,rgba(224,180,85,.25),transparent 48%)} /* Balles de blé emportées par le vent, en travers */ html[data-theme="lughvana"] body::after{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(ellipse 2.4px 1.2px at 20% 30%,rgba(255,230,160,.9),transparent),radial-gradient(ellipse 3px 1.4px at 52% 62%,rgba(208,160,58,.9),transparent),radial-gradient(ellipse 2px 1px at 76% 26%,rgba(255,241,196,.85),transparent),radial-gradient(ellipse 2.6px 1.3px at 40% 82%,rgba(169,112,44,.9),transparent);background-size:200px 210px,260px 250px,180px 230px,300px 290px;animation:lughvana-wind 17s linear infinite} @keyframes lughvana-wind{0%{transform:translate3d(-160px,0,0)}100%{transform:translate3d(260px,-60px,0)}} html[data-theme="lughvana"],html[data-theme="lughvana"] *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23d0a03a' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 22V8'/%3E%3Cpath d='M12 8c-3 0-4.5-2-4.5-5C10.5 3 12 5 12 8zM12 8c3 0 4.5-2 4.5-5C13.5 3 12 5 12 8zM12 13c-3 0-4.5-2-4.5-5C10.5 8 12 10 12 13zM12 13c3 0 4.5-2 4.5-5C13.5 8 12 10 12 13z' fill='%23e0b455' fill-opacity='.55'/%3E%3C/g%3E%3C/svg%3E") 12 22,auto} html[data-theme="lughvana"] a,html[data-theme="lughvana"] button,html[data-theme="lughvana"] [role="button"]{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24'%3E%3Cg stroke='%23e0b455' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='5.5' fill='%23a9702c'/%3E%3Cpath d='M12 3.5v2M12 18.5v2M3.5 12h2M18.5 12h2' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") 15 15,pointer} /* Le voile de particules est posé sur : le contenu passe au-dessus. */ html[data-theme="lughvana"] .ac-main, html[data-theme="lughvana"] .ac-footer { position: relative; z-index: 1; } html[data-theme="lughvana"] .ac-header { position: sticky; z-index: 200; } /* ========================================================================== SURCHARGES DES PAGES INTERNES MagicTalk, Sang-Satō (personnages, bestiaire, lieux, manuscrits, calendrier), Atelier, Boutique, Admin. Ces fichiers codent leurs couleurs en dur (#1e1632, #9b59b6, --mt-glass…) : le thème ne les atteint pas sans remap. ========================================================================== */ html[data-theme="lughvana"] { --ev-deep: #1a1206; /* remplace #0e0b16 / #0a0a0a */ --ev-surface: #3d2c13; /* remplace #1e1632 (cartes) */ --ev-surface2: #33240e; /* remplace #1a1428 */ --ev-surface3: #48351a; /* remplace #241b38 */ --ev-border: #5e451c; /* remplace #3d2f5e */ --ev-acc: #d0a03a; /* remplace #9b59b6 */ --ev-acc-l: #a9702c; /* remplace #b57cd9 */ --ev-ink: #f2e2bd; /* remplace #e8dff8 */ --ev-muted: #bda274; /* remplace #9a87c0 */ --ev-dim: #9c8256; /* remplace #6b5d8a */ } /* ── 1. MagicTalk ─────────────────────────────────────────────────────────── */ html[data-theme="lughvana"], html[data-theme="lughvana"] .mt-app, html[data-theme="lughvana"] .magictalk-page { --mt-neon-cyan: #a9702c; --mt-neon-violet: #d0a03a; --mt-neon-gold: var(--ac-warning); --mt-neon-rose: var(--ac-danger); --mt-glass: #3d2c13; --mt-glass-border: rgba(208,160,58, .28); --mt-glow-violet: 0 0 18px rgba(208,160,58, .30); --mt-glow-cyan: 0 0 18px rgba(208,160,58, .22); --mt-glow-gold: 0 0 12px rgba(208,160,58, .28); } html[data-theme="lughvana"] .mt-post, html[data-theme="lughvana"] .mt-composer, html[data-theme="lughvana"] .mt-side-card, html[data-theme="lughvana"] .mt-suggest-card, html[data-theme="lughvana"] .mt-nav, html[data-theme="lughvana"] .mt-nav-card, html[data-theme="lughvana"] .mt-panthéon, html[data-theme="lughvana"] .mt-modal__content, html[data-theme="lughvana"] .mt-search-form__input { background: var(--ev-surface); border-color: rgba(208,160,58, .28); color: var(--ev-ink); } html[data-theme="lughvana"] .mt-post__divider, html[data-theme="lughvana"] .mt-post__actions, html[data-theme="lughvana"] .mt-composer__divider, html[data-theme="lughvana"] .mt-post__comments { border-color: rgba(208,160,58, .22); } html[data-theme="lughvana"] .mt-post__content, html[data-theme="lughvana"] .mt-composer__textarea, html[data-theme="lughvana"] .mt-side-user__name, html[data-theme="lughvana"] .mt-search-form__input { color: var(--ev-ink); } html[data-theme="lughvana"] .mt-post__time, html[data-theme="lughvana"] .mt-post__handle, html[data-theme="lughvana"] .mt-side-user__followers, html[data-theme="lughvana"] .mt-composer__counter { color: var(--ev-muted); } html[data-theme="lughvana"] .mt-nav__link { color: var(--ev-muted); } html[data-theme="lughvana"] .mt-nav__link.active, html[data-theme="lughvana"] .mt-nav__link:hover, html[data-theme="lughvana"] .mt-nav-link.is-active, html[data-theme="lughvana"] .mt-nav-link:hover { background: rgba(208,160,58, .12); color: var(--ev-acc); } html[data-theme="lughvana"] .mt-side-card__title { color: var(--ev-acc); } html[data-theme="lughvana"] .mt-composer__input, html[data-theme="lughvana"] .mt-comment-form input, html[data-theme="lughvana"] .mt-comment { background: var(--ev-surface2); color: var(--ev-ink); } html[data-theme="lughvana"] .mt-composer__input::placeholder, html[data-theme="lughvana"] .mt-comment-form input::placeholder { color: var(--ev-muted); } html[data-theme="lughvana"] .mt-composer__submit, html[data-theme="lughvana"] .mt-comment-form button, html[data-theme="lughvana"] .mt-btn--violet { background: linear-gradient(135deg,#e0b455,#d0a03a 55%,#8a5a1e); color: #2a1d08; border-radius: 12px; } html[data-theme="lughvana"] .mt-btn, html[data-theme="lughvana"] .mt-follow-btn, html[data-theme="lughvana"] .mt-action-btn { border-radius: 12px; } html[data-theme="lughvana"] .mt-action-btn { color: var(--ev-muted); } html[data-theme="lughvana"] .mt-action-btn:hover { background: rgba(208,160,58, .10); color: var(--ev-acc); } /* Overlays : on garde un voile sombre pour la lisibilité des photos */ html[data-theme="lughvana"] .mt-story-viewer, html[data-theme="lughvana"] .mt-modal { background: rgba(10, 6, 10, .86); } html[data-theme="lughvana"] .mt-modal__nav { background: rgba(208,160,58, .35); } html[data-theme="lughvana"] .mt-modal__nav:hover { background: rgba(208,160,58, .6); } html[data-theme="lughvana"] .mt-skeleton { background: linear-gradient(90deg, var(--ev-surface2) 25%, var(--ev-surface) 50%, var(--ev-surface2) 75%); background-size: 200% 100%; } /* ── 2. Sang-Satō — fiches, filtres, héros, modales ───────────────────────── */ html[data-theme="lughvana"] .ss-p-card { background: var(--ev-surface); border-color: var(--ev-border); border-radius: 12px; } html[data-theme="lughvana"] .ss-p-card:hover { border-color: var(--ev-acc); box-shadow: 0 6px 24px rgba(208,160,58, .22); } html[data-theme="lughvana"] .ss-p-card__img { background: var(--ev-deep); background-image: radial-gradient(circle at 30% 20%, rgba(208,160,58, .14), transparent 60%); } html[data-theme="lughvana"] .ss-p-card__img::after { color: var(--ev-dim); } html[data-theme="lughvana"] .ss-p-card__body { background: linear-gradient(to top, var(--ev-surface) 0%, var(--ev-surface) 62%, transparent); } html[data-theme="lughvana"] .ss-p-card__cat { color: var(--ev-acc-l); } html[data-theme="lughvana"] .ss-p-card__nom { color: var(--ev-ink); } html[data-theme="lughvana"] .ss-p-card__sub { color: var(--ev-muted); } html[data-theme="lughvana"] .ss-cat-btn { border-radius: 12px; } html[data-theme="lughvana"] .ss-cat-btn:hover { border-color: var(--ev-acc); } html[data-theme="lughvana"] .ss-cat-btn.is-active { background: linear-gradient(135deg,#e0b455,#d0a03a 55%,#8a5a1e); border-color: transparent; color: #2a1d08; } html[data-theme="lughvana"] .ss-nav-card { border-radius: 12px; } html[data-theme="lughvana"] .ss-nav-card:hover { border-color: var(--ev-acc); } html[data-theme="lughvana"] .ss-nav-card__full-badge { color: var(--ev-acc); background: rgba(208,160,58, .12); border-color: rgba(208,160,58, .3); } html[data-theme="lughvana"] .ss-hero { background: linear-gradient(to bottom, rgba(208,160,58, .12), transparent); border-bottom-color: rgba(208,160,58, .2); } html[data-theme="lughvana"] .ss-hero p, html[data-theme="lughvana"] .ss-back-link { color: var(--ev-muted); } html[data-theme="lughvana"] .ss-back-link { border-radius: 12px; } html[data-theme="lughvana"] .ss-back-link:hover { background: rgba(208,160,58, .10); border-color: var(--ev-acc); color: var(--ev-acc); } html[data-theme="lughvana"] .ss-dialog { border-radius: 12px; } html[data-theme="lughvana"] .ss-dialog::backdrop { background: rgba(208,160,58, .3); } html[data-theme="lughvana"] .ss-dialog-header { background: linear-gradient(135deg, var(--ac-card), rgba(208,160,58, .12)); } html[data-theme="lughvana"] .ss-dialog-body h3, html[data-theme="lughvana"] .ss-dialog-body blockquote { color: var(--ev-acc-l); } html[data-theme="lughvana"] .ss-dialog-body { scrollbar-color: var(--ev-acc) transparent; } html[data-theme="lughvana"] .ss-dialog-body::-webkit-scrollbar-thumb { background: linear-gradient(to bottom, var(--ev-acc), var(--ev-acc-l)); background-clip: padding-box; } /* ── 3. Sang-Satō — calendrier (la page de la fête elle-même) ─────────────── */ html[data-theme="lughvana"] .ss-month-card, html[data-theme="lughvana"] .ss-season-card, html[data-theme="lughvana"] .ss-fete-card, html[data-theme="lughvana"] .ss-converter { border-radius: 12px; border-color: var(--ev-border); } html[data-theme="lughvana"] .ss-converter-result { background: var(--ev-deep); border-color: var(--ev-border); color: var(--ev-ink); } html[data-theme="lughvana"] .ss-month-card__pron, html[data-theme="lughvana"] .ss-fete-pos { color: var(--ev-muted); } html[data-theme="lughvana"] .ss-conv-zodiac { border-top-color: var(--ev-border); } html[data-theme="lughvana"] .ss-fete-header:hover { background: rgba(208,160,58, .08); } html[data-theme="lughvana"] .ss-fete-body blockquote { border-left-color: var(--ev-acc); color: var(--ev-acc-l); } /* La fête en cours se distingue des sept autres dans la liste */ html[data-theme="lughvana"] .ss-fete-card[data-fete="lughvana"] { border-color: var(--ev-acc); box-shadow: 0 0 0 1px rgba(208,160,58, .35), 0 10px 28px rgba(208,160,58, .22); } /* ── 4. Sang-Satō — manuscrits (.ms-*) ───────────────────────────────────── */ html[data-theme="lughvana"] .ms-card { background: var(--ev-surface); border-color: var(--ev-border); border-radius: 12px; } html[data-theme="lughvana"] .ms-card:hover { border-color: var(--ev-acc); box-shadow: 0 6px 24px rgba(208,160,58, .22); } html[data-theme="lughvana"] .ms-cover { background: var(--ev-deep); background-image: radial-gradient(circle at 30% 20%, rgba(208,160,58, .2), transparent 60%); } html[data-theme="lughvana"] .ms-serie { color: var(--ev-acc-l); } html[data-theme="lughvana"] .ms-titre { color: var(--ev-ink); } html[data-theme="lughvana"] .ms-sous-titre, html[data-theme="lughvana"] .ms-synopsis { color: var(--ev-muted); } html[data-theme="lughvana"] .ms-progress-label, html[data-theme="lughvana"] .ms-meta { color: var(--ev-dim); } html[data-theme="lughvana"] .ms-progress-bar { background: var(--ev-deep); border-color: var(--ev-border); } html[data-theme="lughvana"] .ms-progress-fill { background: linear-gradient(90deg, var(--ev-acc-l), var(--ev-acc)); } /* ── 5. Atelier (privé, mais autant qu'il suive) ──────────────────────────── */ html[data-theme="lughvana"] { --at-bg: var(--ac-bg); --at-bg2: var(--ac-bg2); --at-bg3: #48351a; --at-card: #3d2c13; --at-border: #5e451c; --at-purple: #d0a03a; --at-purple-lt: #a9702c; --at-gold: var(--ac-accent2); --at-gold-lt: var(--ac-warning); --at-text: #f2e2bd; --at-text-muted: #bda274; --at-text-dim: #9c8256; --at-shadow: 0 4px 24px rgba(208,160,58, .2); --at-glow: 0 0 20px rgba(208,160,58, .22); } /* ── 6. Boutique, admin, arcade — texte sur fond accentué ─────────────────── */ html[data-theme="lughvana"] .shop-price-tag, html[data-theme="lughvana"] .adm-btn-gold, html[data-theme="lughvana"] .adm-filter-btn.active, html[data-theme="lughvana"] .adm-page-link.active { color: var(--ac-on-accent); } html[data-theme="lughvana"] .shop-card, html[data-theme="lughvana"] .adm-card { border-radius: 12px; } /* Le Marché Noir garde son ambiance rouge/noire : zone « interdite », le contraste fait partie du décor. */ @media (prefers-reduced-motion: reduce) { html[data-theme="lughvana"] .hero-title, html[data-theme="lughvana"] .hero-section::before, html[data-theme="lughvana"] .hero-section::after, html[data-theme="lughvana"] body::after, html[data-theme="lughvana"] .ms-live-dot::before { animation: none !important; } }