/* ===================================================== BRAND: MADONNA Solo variables de identidad visual ===================================================== */ /* Puedes aplicar por defecto a :root o usar .brand-madonna en si luego quieres multi-marca simultáneo */ html.brand-madonna{ /* ========================= BRAND CORE COLORS ========================= */ --brand-primary: #E53935; /* rojo Madonna */ --brand-accent: #FFB300; /* amarillo acento */ --brand-pink: #ff4d8d; /* rosado vintage */ --brand-dark: #0b0d12; --brand-ink: #111111; --brand-light: #ffffff; /* ========================= PORTAL BACKGROUNDS ========================= */ /* Public / Menu / Info */ --menu-bg: #ffffff; --menu-fg: var(--brand-primary); /* Staff (terminal verde) */ --staff-green: #26ff6b; --staff-bg: #050805; /* Customers (amarillo / azul juguetón) */ --customers-yellow: #f7d84a; --customers-blue: #1f46c1; --customers-ink: #241200; /* ========================= SURFACES & NEUTRALS ========================= */ --bg: var(--brand-dark); --panel: #0f141f; --panel-glass: rgba(255,255,255,.06); --border: #2a3147; --text: #f3f6ff; --muted: #a9b3cc; /* ========================= GRADIENTS / EFFECTS ========================= */ --brand-gradient: linear-gradient(135deg, var(--brand-primary), var(--brand-accent) ); --brand-glow: 0 12px 28px rgba(229,57,53,.25); /* ========================= TYPOGRAPHY TOKENS ========================= */ --font-display: "Bebas Neue", system-ui, sans-serif; --font-headline: "Oswald", system-ui, sans-serif; --font-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace; /* ========================= RADIUS / SHADOWS ========================= */ --radius-lg: 20px; --radius: 14px; --radius-sm: 10px; --shadow: 0 16px 40px rgba(0,0,0,.45); }