/* ═══ Lunamoon Suite · Base: fuentes, variables, reset ═══ */

/* ── Tipografía: Poppins en toda la app (se carga vía <link> en index.html) ── */
/* CSS variable aliases for easy use */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root {
  /* ── Colores principales ── */
  --bg:        #F7F4EF;
  --bg2:       #FFFFFF;
  --bg3:       #F0EBE3;
  --bg4:       #E8E1D6;
  --border:    #DDD5C8;

  /* ── Arena / Warm ── */
  --sand:      #C9A97A;
  --sand-d:    #A8845A;
  --sand-l:    rgba(201,169,122,.14);
  --sand-ll:   rgba(201,169,122,.07);

  /* ── Azul cielo / Brand ── */
  --sky:       #4BA8C0;
  --sky-d:     #3488A0;
  --sky-l:     rgba(75,168,192,.13);
  --sky-ll:    rgba(75,168,192,.06);

  /* ── Teal original (accento) ── */
  --teal:      #3DADA0;
  --teal-d:    #2E8E82;
  --teal-l:    rgba(61,173,160,.13);

  /* ── Otros ── */
  --gold:      #C97E2A;
  --gold-l:    rgba(201,126,42,.12);
  --rose:      #C0495A;
  --rose-l:    rgba(192,73,90,.10);
  --blue:      #4A7FC1;
  --blue-l:    rgba(74,127,193,.12);

  /* ── Texto ── */
  --txt:       #1E2535;
  --txt2:      #5A6275;
  --txt3:      #9CA3AF;

  --sidebar-w: 240px;
  --sidebar-collapsed: 64px;
  --topbar-h:  56px;
  --radius:    12px;
  --radius-sm: 8px;
  --shadow:    0 4px 20px rgba(30,37,53,.08);
  --shadow-md: 0 8px 32px rgba(30,37,53,.12);
}

html,body{height:100%;overflow:hidden;}

/* ── Font family CSS variables ── */
:root {
  --font-body:   'Poppins', sans-serif;
  --font-title:  'Poppins', sans-serif;
}
body{font-family:'Poppins',sans-serif;background:var(--bg);color:var(--txt);font-size:14px;line-height:1.5;}

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;}