/* ==========================================================================
   YU — Rediseño blanco/azul-cielo/verde-menta EN TODA LA APP
   ==========================================================================
   global-light-theme.css redefine las variables de color que ya usan los
   componentes de siempre — corre en toda la app, cualquier vista, cualquier
   ancho. Lo único que sigue cambiando según el ancho es la ESTRUCTURA de
   Inicio: en celular sigue siendo la de una sola columna de siempre
   (#feedMobileLayout, ya repintada por la regla de arriba); desde 641px se
   reemplaza por el dashboard nuevo de dos columnas (#feedDesktopLayout /
   dashboard-exact.css), que en un celular angosto no entra sin verse
   apretado.

   La condición de media va pegada al propio @import (no se puede meter un
   @import adentro de un bloque @media, no es válido en CSS). */

@import url('global-light-theme.css');
@import url('welcome.css');
@import url('dashboard-exact.css') (min-width: 641px);
@import url('desktop-layout.css');
@import url('inicio-interactions.css');
@import url('reactions-and-video.css');

/* --- Inicio: misma estructura de siempre en celular (repintada clara) vs.
   dashboard nuevo de dos columnas desde 641px. --- */
#feedDesktopLayout { display: none; }
@media (min-width: 641px) {
  #feedMobileLayout { display: none; }
  #feedDesktopLayout { display: block; }
}