/* Theme "yae" — pink kawaii modern. Activar: . */ .theme-yae { --bg: #6ec9c2; /* teal — commissions/roster/showcase/doll bg */ --surface: #ffffff; --surface-2: #ffeef3; --tone-spotlight: #fff5f8; --ink: #5c2a40; --ink-soft: #8a5575; --accent: #ff5e7e; --accent-hover: #e84b6e; --accent-ink: #f3e3cc; } .theme-yae { /* Cream global del body. Las secciones sin bg propio heredan este cream; el doll dress-up tiene su propio bg teal + pattern. */ background: #f3e3cc; } /* Showcase */ .theme-yae .showcase__carousel { background: transparent; } .theme-yae .carousel__viewport { background: transparent; } /* Roster */ .theme-yae .character { background: url('../assets/branding/white%20pattern.png') repeat, var(--surface); box-shadow: 0 0 0 1.5px var(--ink), 0 28px 50px -18px rgba(92, 42, 64, 0.22), 0 12px 24px -10px rgba(92, 42, 64, 0.12); } .theme-yae .character__info-card { background: transparent; } .theme-yae .character__backdrop { background: radial-gradient( ellipse 60% 85% at 50% 45%, var(--tone-spotlight) 0%, rgba(255, 245, 248, 0.4) 40%, transparent 82% ), radial-gradient( ellipse 45% 6% at 50% 95%, rgba(92, 42, 64, 0.22) 0%, transparent 80% ); } .theme-yae .chibi-thumb { background: var(--surface); } .theme-yae .chibi-thumb[aria-pressed='true'] { box-shadow: 0 0 0 3px var(--accent), 0 8px 20px rgba(92, 42, 64, 0.25); } .theme-yae .chibi-thumb__label { background: var(--accent); color: var(--accent-ink); } .theme-yae .character__name::after { background: var(--accent); } /* Dress-up */ .theme-yae .lookcard { background: var(--surface); } .theme-yae .tab { background: var(--surface); color: var(--ink); } .theme-yae .tab[aria-pressed='true'] { background: var(--accent); color: var(--accent-ink); } .theme-yae .random-bar { background: var(--accent); color: var(--accent-ink); } .theme-yae .random-bar:hover { background: var(--accent-hover); } .theme-yae .lock-btn.is-locked { background: var(--accent); color: var(--accent-ink); } /* Rim outline burgundy: tres drop-shadows que se adhieren al PNG compuesto. Resuelve pieles claras que se pierden contra el spotlight blanco independiente del outfit. */ .theme-yae .chibi-stage__doll { filter: drop-shadow(0 0 1.5px rgba(92, 42, 64, 0.55)) drop-shadow(0 0 8px rgba(92, 42, 64, 0.22)) drop-shadow(0 6px 14px rgba(92, 42, 64, 0.18)); } .theme-yae .chibi-stage__floor { background: radial-gradient( ellipse 50% 50% at 50% 50%, rgba(56, 22, 38, 0.62) 0%, rgba(56, 22, 38, 0.32) 40%, rgba(56, 22, 38, 0.10) 75%, transparent 100% ); } /* Tiles del closet */ .theme-yae .tile { background: var(--surface-2); } .theme-yae .tile:hover { background: #ffd6e0; } .theme-yae .tile[aria-pressed='true'] { background: var(--surface); box-shadow: inset 0 0 0 3px var(--accent); } /* Palette */ .theme-yae .palette-set__chip[aria-pressed='true'] { box-shadow: inset 0 0 0 1.5px rgba(92, 42, 64, 0.3), 0 0 0 3px var(--accent), var(--shadow-cta); } .theme-yae .palette-set__label::after { background: var(--accent); } .theme-yae .palettes__sliders.sliders { background: var(--surface); } /* Section text colors sobre cream */ .theme-yae .commissions__eyebrow, .theme-yae .commissions__title, .theme-yae .commissions__subtitle, .theme-yae .roster__eyebrow, .theme-yae .roster__title, .theme-yae .roster__subtitle, .theme-yae .stage__eyebrow, .theme-yae .stage__title, .theme-yae .stage__subtitle { color: #5a3826; } .theme-yae .palette-set__label { color: #f3e3cc; }