/* Temas de la Liga de Legacy Murcia Las cinco direcciones de estilo que se dibujaron en ligalegacy/mockups, traídas a la web. Cada tema es un juego de fichas (colores, tipografía, radios, textura) sobre la misma estructura; «Cristal noche» es el que vive en style.css y no necesita bloque aquí. El tema se elige en /admin/apariencia y sale como data-theme en . */ /* ───────── 1. Cristal · granate, violeta y añil, cristal muy redondeado ───────── */ :root[data-theme="cristal"] { --accent-rgb: 247 181 0; --on-accent: #1B1025; --gold-rgb: 247 181 0; --crimson: #9D1A31; --night: #0D0918; --coal: #241236; --coal-2: #3A1745; --paper: #FFFFFF; --ink: #1B1025; --ink-2: #5B4A66; --text: #FFFFFF; --muted: rgba(255, 255, 255, .78); --soft: rgba(255, 255, 255, .62); --line: rgb(var(--tint-rgb) / .16); --r-panel: 24px; --r-tile: 20px; --r-pill: 999px; --r-sm: 12px; --frame-bg: radial-gradient(900px 520px at 20% -8%, rgba(157, 26, 49, .45), transparent 65%), radial-gradient(900px 600px at 90% 110%, rgba(43, 47, 143, .45), transparent 65%), var(--night); --glass-bg: linear-gradient(180deg, rgb(var(--tint-rgb) / .14), rgb(var(--tint-rgb) / .06)); --glass-line: rgb(var(--tint-rgb) / .18); --glass-shadow: inset 0 1px 0 rgb(var(--tint-rgb) / .2), 0 30px 60px -32px rgba(0, 0, 0, .7); } /* ───────── 2. Palco · carbón sobrio con oro y magenta, trama de puntos ───────── */ :root[data-theme="palco"] { --accent-rgb: 247 181 0; --on-accent: #1B1406; --gold-rgb: 247 181 0; --crimson: #D6336C; --night: #131316; --coal: #1B1B1F; --coal-2: #232327; --paper: #F2F2F5; --ink: #131316; --ink-2: #5A5A63; --text: #F2F2F5; --muted: #A6A6B0; --soft: #8F8F99; --line: rgb(var(--tint-rgb) / .1); --win: #63CFA0; --loss: #EF6F95; --r-panel: 22px; --r-tile: 14px; --r-pill: 999px; --r-sm: 8px; --font: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif; --display-track: -.03em; --frame-bg: linear-gradient(180deg, #1B1B1F, #131316 60%); --frame-texture: radial-gradient(rgb(var(--tint-rgb) / .075) 1px, transparent 1.3px); --glass-bg: #232327; --glass-line: rgb(var(--tint-rgb) / .1); --glass-blur: none; --glass-shadow: 0 24px 46px -30px rgba(0, 0, 0, .8); } :root[data-theme="palco"] .frame__fx { background-size: 18px 18px; } :root[data-theme="palco"] .bloom { opacity: .1; } /* ───────── 3. Mercado · azul marino y oro, denso, tipografía condensada ───────── */ :root[data-theme="mercado"] { --accent-rgb: 247 181 0; --on-accent: #1A1400; --gold-rgb: 247 181 0; --crimson: #EF5A5F; --night: #0D1022; --coal: #12162A; --coal-2: #1A1F36; --paper: #ECEEF6; --ink: #12162A; --ink-2: #4A5273; --text: #ECEEF6; --muted: #98A1BF; --soft: #6D7697; --line: #2A3152; --win: #34C47C; --loss: #EF5A5F; --r-panel: 6px; --r-tile: 4px; --r-pill: 3px; --r-sm: 3px; --font: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif; --display-case: uppercase; --display-track: -.01em; --frame-bg: linear-gradient(180deg, #12162A, #0D1022 70%); --glass-bg: #1A1F36; --glass-line: #2A3152; --field-bg: #12162A; --glass-blur: none; --glass-shadow: none; } :root[data-theme="mercado"] .bloom { display: none; } /* La condensada necesita más cuerpo para pesar lo mismo. */ :root[data-theme="mercado"] .hero h1 { font-size: clamp(46px, 7vw, 96px); font-weight: 700; letter-spacing: -.01em; } :root[data-theme="mercado"] .phead h2 { letter-spacing: .01em; } /* ───────── 4. Cartel · papel y tinta, cartel deportivo, sin redondeos ───────── */ :root[data-theme="cartel"] { /* Único tema claro: el velo de las superficies deja de ser blanco y pasa a ser tinta. */ --tint-rgb: 13 13 13; --pure: #0D0D0D; --accent-rgb: 157 26 49; --on-accent: #FFFFFF; /* Sin oro en un cartel en blanco y negro: la rareza «rara» pasa a tinta. */ --gold-rgb: 13 13 13; --gold-2: #8A8A84; --gold-ink: #F2F2EF; --rara-ink: #0D0D0D; --crimson: #9D1A31; --night: #F2F2EF; --coal: #F2F2EF; --coal-2: #E7E7E2; --paper: #0D0D0D; --ink: #F2F2EF; --ink-2: rgba(242, 242, 239, .72); --text: #0D0D0D; --muted: rgba(13, 13, 13, .68); --soft: rgba(13, 13, 13, .5); --line: rgba(13, 13, 13, .18); --win: #1E7A4B; --on-win: #F2F2EF; --loss: #9D1A31; --r-panel: 0px; --r-tile: 0px; --r-pill: 0px; --r-sm: 0px; --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; --font-display: "Anton", "Arial Narrow Bold", system-ui, sans-serif; --display-case: uppercase; --display-track: -.01em; --frame-bg: #F2F2EF; --frame-texture: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E"); --glass-bg: #FFFFFF; --glass-line: #0D0D0D; --glass-blur: none; --glass-shadow: none; --field-bg: #FFFFFF; --art-filter: grayscale(1) contrast(1.12); color-scheme: light; } :root[data-theme="cartel"] .bloom { display: none; } :root[data-theme="cartel"] .hero h1 { font-weight: 400; line-height: .88; } :root[data-theme="cartel"] .brand img { filter: none; } /* Sobre papel, la marca de agua y los velos más suaves se pierden: se suben un punto. */ :root[data-theme="cartel"] .watermark { color: rgba(13, 13, 13, .07); } :root[data-theme="cartel"] .hero__glow { display: none; } :root[data-theme="cartel"] .header-sponsor__text { color: #7A4A00; } :root[data-theme="cartel"] .sponsor-logo--text, :root[data-theme="cartel"] .sponsor-foot { color: #0D0D0D; } /* El acento en carmín pide texto blanco encima. */ :root[data-theme="cartel"] .tile--accent, :root[data-theme="cartel"] .chip--accent { color: #fff; } :root[data-theme="cartel"] .scope[aria-current] .scope__live { color: #FF9A5A; } /* En Cartel las filas «de papel» son negras: los símbolos de maná recuperan su aro claro. */ :root[data-theme="cartel"] .on-light .pip, :root[data-theme="cartel"] .scope[aria-current] .pip { box-shadow: 0 0 0 1.5px rgba(255, 255, 255, .5), inset 0 -2px 3px rgba(0, 0, 0, .28); } /* ───────── 5. Arena · negro de videojuego con lima ácida ───────── */ :root[data-theme="arena"] { --accent-rgb: 198 255 0; --on-accent: #0C0C10; --gold-rgb: 198 255 0; --crimson: #5B2EA6; --night: #0C0C10; --coal: #16161D; --coal-2: #1C1C25; --paper: #F3F3F6; --ink: #0C0C10; --ink-2: #55555F; --text: #F3F3F6; --muted: #A4A4B3; --soft: #7E7E8D; --line: #26262F; --win: #3D7BF7; --loss: #EF6F95; --r-panel: 8px; --r-tile: 6px; --r-pill: 999px; --r-sm: 4px; --font: "Chakra Petch", system-ui, -apple-system, "Segoe UI", sans-serif; --display-case: uppercase; --display-track: -.005em; --frame-bg: radial-gradient(900px 520px at 82% -120px, rgba(91, 46, 166, .3), transparent 70%), radial-gradient(700px 500px at -10% 30%, rgba(91, 46, 166, .12), transparent 70%), var(--night); --glass-bg: #16161D; --glass-line: #26262F; --glass-blur: none; --glass-shadow: 0 22px 44px -30px rgba(0, 0, 0, .9); } :root[data-theme="arena"] .bloom--2 { opacity: .16; } :root[data-theme="arena"] .hero h1 { font-style: italic; font-weight: 700; letter-spacing: -.02em; } :root[data-theme="arena"] .phead h2 { letter-spacing: .01em; }